如何从类取值更新所有同名类元素？同名class计数器统一+1

嘿，我来帮你搞定这个问题！你遇到的情况很典型——当操作多个同名class元素时，直接用first()只会影响第一个，而直接批量获取文本又会因为拼接导致数值异常，对吧？

问题根源分析 #

你之前的代码里，当去掉first()后，$('.likes_count'+I).text()会返回所有匹配元素的文本内容拼接成的字符串。比如如果两个元素分别显示"2"和"3"，这个方法会返回"23"，parseInt("23")得到23，加1变成24后赋值给所有元素，自然就出现了数值异常的情况。

解决方案 #

根据你的需求（所有同名class元素计数器统一+1），分两种常见场景给出方案：

场景1：所有计数器保持同步（显示相同数值）

如果所有元素的计数器应该始终一致，点击后一起加1，你可以先获取其中一个元素的初始值，加1后批量赋值给所有元素：

// 替换成你的按钮选择器，比如'.like-btn'
$('.like-btn').click(function() {
  // 获取第一个元素的当前数值，用|| 0处理非数字初始值（避免NaN）
  var currentCount = parseInt($('.likes_count' + I).first().text()) || 0;
  var newCount = currentCount + 1;
  // 给所有同名class元素设置新数值
  $('.likes_count' + I).text(newCount);
});

场景2：每个计数器独立加1（各自基于当前值+1）

如果每个元素的计数器需要独立更新（比如不同卡片的点赞数各自统计），就用each()遍历每个元素，逐个处理：

$('.like-btn').click(function() {
  $('.likes_count' + I).each(function() {
    // $(this)指向当前正在遍历的元素
    var currentCount = parseInt($(this).text()) || 0;
    $(this).text(currentCount + 1);
  });
});

小提示 #

• 用|| 0可以避免初始值为空或非数字时出现NaN的问题，保证计算正常执行。
• 确保你的I变量是正确的（比如用来区分不同组的计数器），避免选择到无关元素。

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