javascript - JQuery看不到HTML5数据DOM的变化

Question

我正在使用 HTML5 的 data 在我网站上的 div 上存储一些信息，每当我使用 jQuery 更改此数据的值时，DOM 就会很好地更新，但是当我尝试检索该值时，jQuery 看不到更新。

我使用 $('#myDiv').attr('data-my_data',value); 更新此数据的值，并使用 $(' 返回值#myDiv').data('data-my_data').

Here's the fiddle来说明我的问题。

发生这种情况是因为某些 jQuery 的 DOM 初始表示没有更新吗？

我不明白，任何帮助将不胜感激!

配置:Chrome 25 - jQuery 1.9.0 - Mac OSx 10.7

Answer 1

您可以将值设置为data('yourKey','Yourvalue')

$(yourElement).data('isEdit','1');

根据你的例子

$('#myDiv').data('data-my_data','value');

Attr :它将向 dom 对象添加属性。

prop :它将在内存中添加属性。所以你的数据将被存储在 DOM 的 dataSet 中。

有关更多信息，请查看此 attr vs prop