javascript - jQuery data() 返回未定义，attr() 返回整数

Question

我有以下代码:

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

第一个警报返回 undefined，而第二个警报返回一个整数 3。

-- SEE DEMO --

我正在使用 jQuery 1.7.2 版(我相信 data 是在 1.4 版中添加的)

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

Answer 1

好的。我通过解释 jQuery docs 发现了问题.

当你写的时候:

$embellishment.data("embellishmentId");

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

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

因此，要解决此问题，您可以在数据键中使用小写字母，否则它只会解决不同的属性。

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

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