Javascript 仅选择所单击的特定li
我想在我的项目中选择使用jQuery单击的特定Javascript 仅选择所单击的特定li,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想在我的项目中选择使用jQuery单击的特定li。当我点击一个li时,它会选择所有li的。这是我的小提琴。我只是个初学者。我已尝试使用parent(),但它不起作用。 这是我的HTML: var点击次数=0; $(“li”)。在(“单击”)上,函数(){ 点击++; $('.top right').html(单击); }); .list li{ 列表样式类型:无; 显示:内联块; 背景色:白色; 右边距:7px; } .名单{ 保证金:5px; } .李娜{ 文字装饰:无; 颜色:黑色;
li
。当我点击一个li
时,它会选择所有li的
。这是我的小提琴。我只是个初学者。我已尝试使用parent(),但它不起作用。
这是我的HTML:
var点击次数=0;
$(“li”)。在(“单击”)上,函数(){
点击++;
$('.top right').html(单击);
});代码>
.list li{
列表样式类型:无;
显示:内联块;
背景色:白色;
右边距:7px;
}
.名单{
保证金:5px;
}
.李娜{
文字装饰:无;
颜色:黑色;
填充:2px;
}
李娜:悬停,
.列表李a:悬停{
颜色:黑色;
}
考试
-
-
-
9999
-
9999
-
9999
-
9999
-
9999
您需要使用.find()
在单击的元素中获取元素。此外,您需要显示的值比其中已存在的值多一个
$("li").on("click", function() {
$(this).find('.top-right').html(function(){
return +$(this).html() + 1
});
});
$(“li”)。在(“单击”,函数(){
$(this.find('.top right').html(函数(){
return+$(this.html()+1
});
});代码>
.list li{
列表样式类型:无;
显示:内联块;
背景色:白色;
右边距:7px;
}
.名单{
保证金:5px;
}
.李娜{
文字装饰:无;
颜色:黑色;
填充:2px;
}
李娜:悬停,
.列表李a:悬停{
颜色:黑色;
}
考试
- 9999
- 9999
- 9999
- 9999
- 9999
由于OP试图从单击的元素中获取某些内容,因此可能存在的副本不是完全相同的副本