如果单击 div 计数会增加,我没有任何元素。同时点击其他div,第一个div计数会是0?
i have no of elements if clicking div count will increase. at the same time click other div, first div count will be 0?
您可以存储[数据][1],每个元素计算每个元素被点击的次数。
$('.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/2.1.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>
- 只需在第二次点击时将其他数据设置为 0
$('.container').click(function() {
if ($(this).data('count')) { // already been clicked
$(this).data('count', $(this).data('count') + 1); // add one
} else { // first click
$('.container').not(this).data('count', 0);
$(this).data('count', 1); // initialize the count
}
$('.container').each(function(i, v) {
$(v).html($(v).data('count')); // show it
})
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.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>
您可以存储[数据][1],每个元素计算每个元素被点击的次数。
$('.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/2.1.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>
- 只需在第二次点击时将其他数据设置为 0
$('.container').click(function() {
if ($(this).data('count')) { // already been clicked
$(this).data('count', $(this).data('count') + 1); // add one
} else { // first click
$('.container').not(this).data('count', 0);
$(this).data('count', 1); // initialize the count
}
$('.container').each(function(i, v) {
$(v).html($(v).data('count')); // show it
})
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.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>