У меня нет элементов, если увеличится количество нажатий.в то же время нажмите другой div, первый счетчик div будет 0? - PullRequest
0 голосов
/ 13 ноября 2018

Вы можете сохранить [data] [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>

1 Ответ

0 голосов
/ 13 ноября 2018
  1. Просто установите другие данные в 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>
...