Javascript 如何更改数据属性内属性的值

目前，我的示例HTML代码如下所示：

<div class="jbar" data-init="jbar" data-jbar='{
    "message" : "Test",
    "state"   : "open"
}'></div>

---

在这种情况下，如何将

state

值更改为

closed

var t=JSON.parse($('.jbar').attr('data-jbar'));
//or  JSON.parse($('.jbar').data('jbar'));
t.state='closed';
$('.jbar').attr('data-jbar',JSON.stringify(t));
//or      .data('jbar',JSON.stringify(t));

---

嗯，按原样存储，它是一个字符串，而不是一个对象。您必须解析它，然后修改它，然后再次存储它。谢谢您的帮助。如果你能给我一个如何实现的例子，或者有没有更简单的方法来实现我的目标，那就太好了。您好，我已经尝试了您的解决方案，但它仍然显示

open

。这是小提琴：@VuiLaChinh您的小提琴没有

$（'.jbar'）.attr（'data-jbar'，JSON.stringify（t））部分。这里有一个小提琴设置
attr
像上面提到的@Jason\P