jquery - 如何创建多个计数器

Question

我在 Javascript 中找到了关于简单 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);
          });

      });