dữ liệu jQuery() trả về undefined, attr() trả về số nguyên

Question

Tôi có đoạn mã sau:

alert($embellishment.data("embellishmentId")); 
alert($embellishment.attr("data-embellishmentId")); 

Cảnh báo đầu tiên trả undefined, trong khi cảnh báo thứ hai trả về một số nguyên, 3.

-- SEE DEMO --

Tôi đang sử dụng jQuery phiên bản 1.7.2 (data đã được bổ sung với phiên bản 1.4 Tôi tin)

Tại sao điều này? Tôi có nên sử dụng data() nếu không trả về đúng giá trị không?

Answer 1

OK. Tôi đã tìm thấy sự cố bằng cách diễn giải jQuery docs.

Khi bạn viết:

$embellishment.data("embellishmentId"); 

nó được xử lý bởi jQuery như hợp chất thuộc tính:

<div data-embellishment-id="3"></div> 

Vì vậy, để giải quyết vấn đề bạn có thể sử dụng chữ thường trong khóa dữ liệu nếu không nó chỉ là địa chỉ thuộc tính khác.

<!-- HTML --> 
<div data-embellishmentid="3"></div> 

// JavaScript 
$embellishment.data("embellishmentid");