Question

我有以下代码，我想在#items div容器中显示每个锚点击的unquie计数。我在这个容器里有6个链接。但每次我点击一个链接，它都不会增加。它保持在1.我必须做什么才能使每次点击的数据计数增加？ fyi - 即使你点击两次相同的链接，计数器也应该增加。

     $('#items a').data('counter', 0).on('click',function(e){
     var counter = $(this).data('counter'); 
     $(this).data('counter', counter + 1);

     console.log($(this).data('counter')); // increment value in developer tools.

        if ( $(this).data('counter') > 5) {
        console.log('your voting session has ended');
        e.preventDefault();
        $('#items a').remove();
        }
    });

我的HTML看起来像这样：

<div id="items">
<a href="...">
<a href="...">
<a href="...">
<a href="...">
<a href="...">
<a href="...">
</div>

Answer 1

您应该在开始时在标记上定义数据计数器，并增加值，如：

$('a').on('click', function(e) {
  e.preventDefault();
  var counter = $(this).data('counter');
  if(counter<5) {
    counter++;
    $(this).data('counter', counter);
    $(this).html(counter);
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a data-counter="0" href="#">0</a>

jquery - 如何获得任何锚链接的唯一数据点击

1 个答案: