jQuery：计算数百个元素的点击次数

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

对于一个要素：

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

Answer 1

您可以使用每个元素存储数据 ，计算每个元素的点击次数。

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

  
container
 
container
 
container
 
container
 
container
 
container 

Answer 2

尝试为要计算的所有元素设置一个类。

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