HTML5数据DOM'的变化并没有被JQuery看到

HTML5 data DOM's change isn't seen by JQuery

本文关键字：并没有 变化 JQuery 看到 数据 DOM HTML5      更新时间：2023-09-26

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

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

这张小提琴可以说明我的问题。

发生这种情况是因为一些jQuery的DOM的初始表示不更新?

我不明白，任何帮助都会很感激!

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

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

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

根据你的例子

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

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

prop:它将在内存中添加属性。因此您的数据将存储在DOM的dataSet中。

查看更多信息

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

$('#testDiv').data('test_data', newData).html("My data is : " + newData);
http://jsfiddle.net/zgKdg/

相关文章：