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

【问题标题】：HTML data attributes values. How to change?HTML 数据属性值。如何改变？
【发布时间】：2016-08-23 09:52:53
【问题描述】：

我有一个无法编辑的 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>

示例：我想将 thispage: 1 乘以 5 或只是将 1 替换为5。我可以用 JavaScript/jQuery 做到这一点吗？提前致谢。

【问题讨论】：

是的，您可以在这里做很多事情。你做过研究或尝试过吗？
我已经搜索过，但从未找到如何将值相乘。如有类似问题，请见谅。

标签： javascript jquery html wordpress

【解决方案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);

【讨论】：

该属性不包含 JSON。