如何创建多个计数器

pquo 发布于 2019-03-09 counter 最后更新 2019-03-09 14:42 3 浏览

我在Javascript, increment a counter on button click上找到了关于简单的jquery计数器的原始发布的问题。我已经借用了脚本的最终解决方案,并且非常容易,就像在通过JSFIDDLE进行的演示中一样。但是,我遇到了一个小问题。我需要三个独立的计数器,它们彼此分开工作。有人可以帮助我使用这个现有的脚本功能,创建我需要的三个多个计数器吗?提前谢谢你的帮助。

已邀请:

adicta

赞同来自:

看看这是不是你想要的。 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);
          });
});