Jquery如何更改具有相同类的三个 "div"的值

Question

请给我以下标记:

<div class="item"> 1 a </div>
<div class="item"> 2 b </div>
<div class="item"> 3 c </div>

单击按钮后，我想使用 jQuery 将三个元素的值增加 2 并得到:

<div class="item"> 3 a </div>
<div class="item"> 4 b </div>
<div class="item"> 5 c </div>

请帮忙吗？

非常感谢

Answer 1

您可以在按钮的事件处理程序中执行此操作:

$('.item').each(function(){
   $(this).html(
      $(this).html().replace(/(\d+)/, function(v){return parseInt(v,10)+1})
   );
});

这会增加项目中的第一个数字(如果您想增加任何数字，只需将正则表达式更改为 /(\d+)/g)。

<强> Demonstration