javascript - jQuery:计算数百个元素的点击次数

Question

这是我在 SO 的第一个问题。基本上，我的页面上有大量元素，我想计算并显示用户单击每个元素的次数。但为此我需要为每个元素定义变量。 有没有更简单的方法？

对于一个元素:

 var counter = 0;
 $('.container').on("click", function(){
 counter = counter+1;
 $(this).find('.tag').html(counter);
 });

Answer 1

您可以存储data每个元素都会计算每个元素被点击的次数。

$(function(){
	$('.container').click(function(){
        if ($(this).data('count')) { // already been clicked
            $(this).data('count', $(this).data('count') + 1); // add one
        } else { // first click
            $(this).data('count', 1); // initialize the count
        }
        $(this).html($(this).data('count')); // show it
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div class="container">container</div>
<div class="container">container</div>
<div class="container">container</div>
<div class="container">container</div>
<div class="container">container</div>
<div class="container">container</div>