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

How to change value of property inside data attribute

本文关键字:属性 何更改 数据属性      更新时间:2023-09-26

当前,我的示例HTML代码如下所示:

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

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

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