jQuery：计算数百个元素的点击次数 [英] jQuery: Count number of clicks for hundreds of elements

问题描述

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

对于一个元素：

  var counter = 0; $（'。container'）。on（click，function（）{
 counter = counter + 1; 
 $（this）.find（'。tag'）。html （柜台）; 
}）; 
  

解决方案

您可以将 data ，每个元素计算每个元素被点击的次数。

 <$ （$（this。）.data（'count'））{//已被点击$（this）.data （'count'，$（this）.data（'count'）+ 1）; //添加一个} else {//首先点击$（this）.data（'count'，1）; //初始化count } $（this）.html（$（this）.data（'count'））; //显示它}）;}）;  

 < script src =https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js >< / script>< div class =container> container< / div>< div class =container&g t; container< div class =container> container< / div>< div class =container> container< / div>< div class =container> container< div>< div class =container> container< / div>  

This is my first question here at SO. Basically I have a huge number of elements on page and I want to count and display the number of times a user clicks each of them. But for that I would need to define variables for each element. Isn't there an easier way?

For one element:

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

解决方案

You can store data with each element counting the number of times each was clicked.

$(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>

这篇关于jQuery：计算数百个元素的点击次数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！