jquery 设置数据属性

Question

HTML

<div id="you" data-you="Hello mean">super</div>

是#you html元素改变data-you属性

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”不会改变。我怎样才能做到这一点？

谢谢。

Answer 1

已经有一个答案被选为正确的答案，但它看起来就像没有一个答案能够清晰简洁地解释正在发生的事情一样。
那么让我试一下:

$(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.