如何更改的屬性值裏面的數據屬性

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