如何更改的属性值里面的数据属性

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