javascript - 分配存储在 jQuery.data() 中的对象的各个键

Question

我使用 jQuery.data() 将自定义数据存储在元素上方法。

<div id="mydiv" data-test='{"1":"apple", "2":"banana"}'>Custom data</div>

我知道我可以访问存储在 data-test 中的对象的各个键，使用

$('#mydiv').data('test')["1"]

但是可以像这样重新分配个人 key 吗？它有效，但没有记录。其次，在使用浏览器的开发人员工具检查元素时，我仍然看到旧值，即本例中的“apple”。 JSFiddle

$('#mydiv').data('test')["1"] = "pear"

Answer 1

使用 .data() 设置一个值，在您检查它时不会更改元素中的值，它会在内部存储该数据。如果您想将这些更改反射(reflect)到 DOM 元素，那么您应该像这样使用 .attr()，

  $('#mydiv').data('test')["1"] = "pear"
  $('#mydiv').attr('data-test', JSON.stringify($('#mydiv').data('test')));

DEMO

检查该特定元素以验证更改。