jQuery data()返回undefined,attr()返回整数

Question

我有以下代码:

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

第一个警报返回undefined,而第二个警报返回一个整数,3.

- 看见演示 -

我正在使用jQuery版本1.7.2(data我相信版本1.4已添加)

为什么是这样？data()如果它没有返回正确的值,我是否应该使用它？

Answer 1

好.我通过解释jQuery文档找到了问题.

当你写:

$embellishment.data("embellishmentId");

它由jQuery作为复合属性处理:

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

因此,要解决此问题,您可以在数据键中使用小写,否则它只是处理不同的属性.

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

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