如何更改数据属性中的属性值

Question

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

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

在这种情况下，如何将state值更改为closed？

Answer 1

jquery看起来像

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));