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);
          });

      });

如何创建多个计数器

1 个答案: