javascript - 从一个类中获取值(value)并向所有同名类添加文本？

Question

我可能有两个或多个同名的类。用户单击一个按钮后，我想对我拥有的计数器进行 + 1 计数。所以我尝试了:

var likes_count = parseInt($('.likes_count'+I).first().text()) + 1;

$('.likes_count'+I).first().text(likes_count);

对于第一个，它只会在单击后更改第一个元素值，并在其上添加 +1，但第二个等不会更改。如果我先删除计数器就会发疯。

如何全部更改？对同名的类添加+1？

Answer 1

我评论了解释我的方法的代码，希望它有所帮助

$('button').click(function(){
  //get class index by splitting on 'likes_count'
  var classIndex = $(this).attr('class').split('likes_count')[1];
    
  var likes_count = parseInt($('.likes_count'+classIndex).first().text()) + 1;

//you were close, just apply pass function to each .text() like so:
$('.likes_count'+classIndex).text(function(){
  return likes_count;
});
});

.likes_count1{
  background: red
}
.likes_count2{
  background: green
}
.likes_count3{
  background: blue
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="likes_count1">0</button>
<button class="likes_count1">0</button>
<button class="likes_count2">0</button>
<button class="likes_count3">0</button>
<button class="likes_count3">0</button>
<button class="likes_count2">0</button>
<button class="likes_count2">0</button>