HTML5数据DOM的变化是JQuery看不到的

Question

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

我用$('#myDiv').attr('data-my_data',value);更新了这个数据的值$('#myDiv').attr('data-my_data',value); ，并使用$('#myDiv').data('data-my_data') 。

这是解释我的问题的小提琴 。

这是因为一些jQuery的DOM初始表示没有更新吗？

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

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

Answer 1

data-*属性映射到dataset DOMString对象，使用data方法作为setter ，不要使用attr作为属性。

$('#testDiv').data('test_data', newData).html("My data is : " + newData);

http://jsfiddle.net/zgKdg/

Answer 2

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

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

根据你的例子

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

Attr：它将为dom对象添加属性。

道具：它会在记忆中添加适当的东西。 所以你的数据将在DOM的dataSet中被覆盖。

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