不同标签相同类名的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很乐意帮忙