Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
不同标签相同类名的jQuery单击事件_Jquery - Fatal编程技术网

不同标签相同类名的jQuery单击事件

不同标签相同类名的jQuery单击事件,jquery,Jquery,我正在尝试使用相同的单击事件来使用计数器添加用户。另外,我有不同的a标记,它们具有相同的类名。我希望在我点击的标签上增加一次。谢谢 <div class="card"> <div class="card-content"> <a href="#" class="sum"><i class="material-icons left">add</i></a> <p class="">Users &

我正在尝试使用相同的单击事件来使用计数器添加用户。另外,我有不同的
a
标记,它们具有相同的类名。我希望在我点击的标签上增加一次。谢谢

<div class="card">
  <div class="card-content">
    <a href="#" class="sum"><i class="material-icons left">add</i></a>
    <p class="">Users <a class="clicks">0/20</a></p>
  </div><br><br>

  <div class="card-content">
    <a href="#" class="sum"><i class="material-icons left">add</i></a>
    <p class="">Users <a class="clicks">0/20</a></p>
  </div><br><br>

  <div class="card-content">
    <a href="#" class="sum"><i class="material-icons left">add</i></a>
    <p class="">Users <a class="clicks">0/20</a></p>
  </div>
</div>

要实现这一点,您需要使用
this
引用单击的
a
元素。从那里,您可以使用
sibbins()
find()
遍历DOM,以获取要更新其文本的
a
元素

要使每个计数唯一,您需要在元素中解析文本,然后增加它。试试这个:

$(“.sum”)。在(“单击”,函数()上){
var$target=$(this).同级('p')。查找('a');
var值=$target.text().split('/');
var clicks=parseInt(值[0],10);
var limit=parseInt(值[1],10);
如果(点击<限制){
点击++;
$target.text(单击+'/'+限制);
}  
})

使用者

使用者

用户0/20

您可以使用
$(this)
获取所单击内容的元素。然后使用
$(this.sibbines(“p”).find(“a”)
获取我们要更新的元素

我希望这就是你要找的

$('.sum')。单击(函数(){
var count=$(this.sibbines(“p”).find(“a”).text().split('/');
var currentcount=(parseInt(count[0])+1);
var maxcount=count[1];
如果(maxcount>=currentcount){
$(this).this(“p”).find(“a”).text(currentcount+“/”+maxcount)
}
})

使用者

使用者

用户0/20


你能发布你的JS代码吗。现在还不清楚你想在这里做什么问题是什么?@user3380738很乐意帮忙