我在Javascript, increment a counter on button click找到了有關簡單jquery計數器的原始發佈的問題。我已經借用了腳本的最終解決方案,並且非常容易,就像在通過JSFIDDLE進行的演示中一樣。但是,我遇到了一個小問題。我需要三個獨立的計數器,它們彼此分開工作。有人可以幫助我使用這個現有的腳本功能,創建我需要的三個多個計數器嗎?提前謝謝你的幫助。如何創建多個計數器
回答
看看這是你想要的。
//這兒寫的代碼,以防萬一......
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);
});
});
感謝您的快速回復。 @Vivin Paliath,我確實嘗試過使用腳本,但使用腳本是我的弱點之一;這就是爲什麼我首先發布了我的問題。我很抱歉,您認爲這不是一個值得回答的問題。 – user2271249 2013-04-11 19:49:26
您的解決方案完美運作。非常感謝你的好意,並花時間幫助我。 – user2271249 2013-04-11 19:50:23
不客氣。請點擊向上箭頭,讓人們看到這個問題已經解決。 :) – 2013-04-11 20:23:12
- 1. 如何創建計數器?
- 2. 如何用Python創建多個變量的計數器?
- 3. 如何使用計數器創建多個抽象實例?
- 4. 如何創建一個RESTful計算器?
- 5. 使用多個陣列創建計數
- 6. 如何在遞歸函數中創建一個計數器
- 7. 如何在JSF中創建計時器計數器
- 8. 如何通過/子查詢創建多個MySQL計數/分組?
- 9. 創建一個片段計數器
- 10. 必須創建一個matlab計數器
- 11. 如何創建計數枚舉類型的計數器?
- 12. 如何按組創建計數器/計數?
- 13. 嘗試使用Knockout.js創建多個計數器
- 14. 如何創建一個遞增的範圍計數器?
- 15. 如何添加一個性能計數器我已經創建
- 16. 如何創建多個參數與routeLink
- 17. 如何創建多個recyclerViews?
- 18. 如何創建多個URL
- 19. 創建多個記錄器
- 20. 創建多個Docker容器
- 21. 如何在Cookie中創建計時器?
- 22. 如何使用JLabel創建計時器?
- 23. Qt設計器 - 如何創建QDialog?
- 24. 如何創建設計器代碼?
- 25. 如何在C#中創建計時器?
- 26. 如何創建ASP.NET設計器主機
- 27. 如何創建PowerPoint計時器?
- 28. 如何在api.ai中創建角色計數器機器人?
- 29. 如何在單個事務中更新計數器或多個計數器?
- 30. 如何創建計數器直至達到特定數字
你有沒有試圖找到一個解決您的擁有? – 2013-04-11 16:48:48