jquery设置数据attr

HTML

super

是#you html元素更改数据 – 属性

 console.log($("#you").data("you")); // Hello mean $("#you").attr("data-you", "yes change you atribute"); console.log($("#you").data("you")); // Hello mean | does not change. 

当我改变时,属性“data-you”不会改变。 我怎样才能做到这一点?

谢谢。

attr()而且您不必更改data()方法。

尝试以下方式:

 console.log($("#you").data("you")); // Hello mean $("#you").data("you", "yes change you atribute"); // yes change you atribute console.log($("#you").data("you")); // yes change you atribute 

数据示例http://api.jquery.com/data/

已经有一个答案被选为正确答案,但似乎没有一个答案能够清楚,简明地解释正在发生的事情。
那么让我试一试:

$(element).data(key, value) 不会更改元素的html5’data- *’属性,jQuery在内部存储键值(在jQuery.cache中)。
因此,当您调用$(element).data(key)您将获得jQuery内部存储的内容。

在这里回答你的问题:

由于您希望更改html标记的data-you属性,因此您需要使用attr()方法

从而:

 console.log($("#you").attr("data-you")); // Hello mean $("#you").attr("data-you", "yes change you atribute"); console.log($("#you").attr("data-you")); // The data-you attribute has been changed. 

按照同样的逻辑,看看结果; 将data更改为attr

 console.log($("#you").attr("data-you")); 

参考现场演示

试试这个:

 $("#you").data("you", "yes change you atribute");