如何創建多個計數器

Question

我在Javascript, increment a counter on button click找到了有關簡單jquery計數器的原始發佈的問題。我已經借用了腳本的最終解決方案，並且非常容易，就像在通過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); 
      }); 

     });