javascript - 添加新值后 jQuery .data() 不是实际的

Question

我有像

这样的 div

<div data-a="aa">   </div>

然后我通过以下方式获取其数据:

var data = $("div").data();

并且工作正常。然后我通过数据属性添加这样的新数据:

$("div").attr("data-b", "bb");

然后我再次获取数据，例如

var updatedData = $("div").data();

但是，新值( data-b attr 和 bb value )不存在。这是为什么？ (我想通过 data- 属性管理数据)

<强> Fiddle playground

使用属性适合我的情况，因此我不想使用.data("key", "val")。 data- 属性无论如何都是有效的

有趣的是，当我在第一次调用 .data() 之前添加 data- 属性时 - 它工作正常。那么有没有办法忽略或“重建”数据缓存呢？ example here

Answer 1

使用.data("key","value")设置值

$("div").data("b", "bb");

还可以使用.data("key")来获取值

var data = $("div").data("b");