Как создать несколько счетчиков

Question

Я нашел оригинальный размещенный вопрос о простом счетчике jQuery на Javascript, increment a counter on button click. Я заимствовал окончательное решение для скрипта, и он работает очень легко, как в демоверсии через JSFIDDLE. Однако я столкнулся с небольшой проблемой. Мне нужны три отдельных счетчика, которые работают отдельно друг от друга. Может кто-то, пожалуйста, помогите мне работать с этой существующей функцией скрипта, чтобы создать три счетчика, которые мне нужны? Благодарим вас за помощь.

Answer 1

Посмотрите, хотите ли вы этого.

http://jsfiddle.net/H63As/30/

// написал код здесь на всякий случай ...

HTML

<div> 
    <div id="counter1">0</div> 
    <div id="counter2">0</div> 
    <div id="counter3">0</div> 
    <button class="add" type="button" val="1">Add</button> 
    <button class="add" type="button" val="2">Add</button> 
    <button class="add" type="button" val="3">Add</button> 
</div> 

Javascript

$(function() { 
      $(".add").on("click", function() { 
       $("#counter" + $(this).attr("val")).text(Number($("#counter" + $(this).attr("val")).text()) + 1); 
      }); 

     });