使用jQuery通过ID查找元素并修改data-totalReplies属性值

嘿，这事儿很简单，我给你两种常用的方法，你可以根据实际需求来选：

这个方法是jQuery专门用来处理data属性的，它会在内部维护一个缓存，读写效率很高，而且符合jQuery的设计逻辑：

// 直接设置新的回复总数，把「新的数值」换成你实际需要的数字或者变量
$('#newReply').data('totalReplies', 新的数值);

// 要是想确认有没有设置成功，直接获取看看
console.log($('#newReply').data('totalReplies'));

小提醒：用.data()设置的话，不会直接修改页面DOM上的data-totalReplies属性值——如果只是自己的jQuery代码要读这个值，完全够用；但如果有其他非jQuery的脚本要读取DOM上的这个属性，就用下面的方法。

这个方法会直接修改页面上元素的data-totalReplies属性，DOM结构里能看到变化，适合需要同步更新DOM属性的场景：

// 直接修改DOM上的属性，替换「新的数值」即可
$('#newReply').attr('data-totalReplies', 新的数值);

// 验证的话就这么获取
console.log($('#newReply').attr('data-totalReplies'));

额外注意点 #

不管用哪种方法，最好把代码放在DOM加载完成的回调里，避免元素还没加载就执行代码找不到元素：

$(document).ready(function() {
    // 在这里写修改属性的代码
    $('#newReply').data('totalReplies', 12);
});

内容的提问来源于stack exchange，提问作者Roi