Question

please I have the following markup :

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

After a click on a button, I want to increase using jQuery the value of the three elements by 2 and get :

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

Please any help ?

Thanks a lot

Answer 1

You may do this in your button’s event handler :

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

This increments the first number in your items (if you want to increment any number, just change the regex to /(\d+)/g).

Demonstration