HTML数据属性值。如何改变？

Question

我有一个div，我无法编辑。是否可以乘以数据属性的值？

代码：

<div class="reviews" data-page-opts="
   {
    showform:1,
    showsupport:0,
    postid:241,
    perpage:5,
    paginate:1,
    classes:reviews_in_content, wrapper:1,
    morelink:,
    on_postid:0,
    num:9999,
    hidecustom:0,
    snippet:0,
    hidereviews:0,
    hideresponse:0,
    ajax:0,
    thispage:1
   }
   ">
</div>

实施例 ： 我想将此页面 1 乘以 5 ，或者只是将 1 替换为 1 的 5 即可。我可以用JavaScript / jQuery做到这一点吗？提前谢谢。

Answer 1

使用可以先使用jQuery获取数据值，然后使用JSON.parse()，然后在修改后修改，可以使用JSON.stringify(); 以下是示例代码：

var data = $('div.reviews').attr('data-page-opts'); var dataObj = JSON.parse(data); dataObj.ajax = 1; data = JSON.stringify(dataObj); $('div.reviews').attr('data-page-opts', data);