jQuery和数据属性

Question

在什么情况下，此代码将返回0？

$(this).parent().data("id")

这段代码会返回真正的价值吗？

$(this).parent().attr("data-id")

感谢。

Answer 1

如果.data("id")和.attr("data-id")返回不同的值，则数据属性id的值已通过jQuery data()函数或{{1}更新自第一次调用data-id以来，属性值已更新。

jQuery .data("id")函数将使用元素的data()属性来初始化该数据属性的值。但是，对数据属性的更改不会反映在HTML中。因此，使用data-更新值 not 也会更新属性。

来自documentation：

  

数据属性第一次被拉入数据属性   访问，然后不再访问或变异（所有数据值   然后在内部存储在jQuery中。

<强> HTML

data()

<强>的jQuery

<div id="myDiv" data-id="realValue"></div>