服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - jQuery判断当前点击的是第几个li的代码

jQuery判断当前点击的是第几个li的代码

2021-03-22 18:44jQuery教程网 JavaScript

jQuery中如何判断当前点击的是第几个li,使用$(this).index()取得li的下标,下面的示例,大家可以看看

使用$(this).index()取得li的下标,下面是一个样式替换的例子:

?
1
2
3
4
5
6
7
8
9
$("#aa li").click(function(){
$("#aa li").removeClass("class名字,多个class用空格分开");
$(this).addClass("class名字,多个class用空格分开");
if($(this).index()!=0){
$("#submenu").hide();
}else{
$("#submenu").show();
}
})

延伸 · 阅读

精彩推荐