jquery设置数据attr

Question

HTML

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

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

谢谢。

Answer 1

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/

Answer 2

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

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

Answer 3

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

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

请参阅LIVE DEMO

Answer 4

试试这个：

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

Answer 5

$("#you").attr("data-you","New Value");