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

最新推荐文章于 2021-06-08 13:51:52 发布

james_laughing

最新推荐文章于 2021-06-08 13:51:52 发布

阅读量1.9k

点赞数

分类专栏： javascript

javascript 专栏收录该内容

20 篇文章

订阅专栏

本文介绍如何使用jQuery的$(this).index()方法来获取当前点击元素在同级元素中的位置，并演示了如何根据这个位置进行菜单项的样式切换。通过实例代码，展示了在点击事件中移除所有相同类名的样式并仅保留当前元素的样式，同时根据元素的下标显示或隐藏子菜单。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

$("#aa li").click(function(){
$("#aa li").removeClass("class名字，多个class用空格分开");
$(this).addClass("class名字，多个class用空格分开");
if($(this).index()!=0){
$("#submenu").hide();
}else{
$("#submenu").show();
}
})

https://www.jb51.net/article/55698.htm

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

james_laughing

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

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

menghuannvxia的专栏

09-09

5486

使用$(this).index()取得li的下标，下面是一个样式替换的例子： $("#aa li").click(function(){ $("#aa li").removeClass("class名字，多个class用空格分开"); $(this).addClass("class名字，多个class用空格分开"); if($(this).index()!=0){ $("#submenu

jq判断点击的是第几个li

一只程序喵

05-29

1473

<ul id="test"> <li class="test">1</li> <li class="test">2</li> <li class="test">3</li> <li class="test">4</li> </ul> 方法1（有时不管用）： $(".test").click(function(){ alert( $(this).inde

参与评论您还未登录，请先登录后发表或查看评论

JavaScript如何获取被点击的li元素是所有li元素中的第几个？

Qlly

02-28

1万+

提出一个问题：如何获取被点击的li是第几个？ <ul> <li>a</li> <li>b</li> <li>c</li> <li>d</li> </ul> 解决思路：我们通过getEleme

jq获取当前li

leizi929的专栏

04-14

1678

已付款待付款已取消 jq获取当前ul>li标签一个属性并添加，并且把别的li标签的属性移除 $(function() { $(".ul_header >li").bind("click",function() { $(this).addClass("sel").siblings().removeClass("sel"); //ul>

jQuery获取当前li元素是第几个

shuizhongyue_的专栏

12-03

4923

直接上代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script type="text/javascript" src="jquery.js"&a

jquery页面滚动显示第几步效果特效代码

03-20

本文将详细解析如何使用jQuery实现这种效果，以"jquery页面滚动显示第几步效果特效代码"为例。首先，我们需要理解jQuery库的基本概念。jQuery是一个高效、简洁的JavaScript库，它简化了HTML文档遍历、事件处理、...

jquery实现可自动判断位置的弹出层效果代码

10-23

事件处理函数会首先判断当前鼠标点击位置是否超出了视口范围（页面可视区域）。这涉及到`document.documentElement.clientWidth`和`document.documentElement.clientHeight`属性，分别表示页面视窗的宽度和高度；`...

jquery 获取当前元素的索引值

10-29

特别是在列表项（li元素）中，我们可能经常需要知道用户当前悬停或者交互的列表项是整体中的第几个。通过使用jQuery提供的.index()方法，开发者可以非常简便地获取到当前元素的索引值。首先，.index()方法通常用于...

判断当前选择哪个li标签

qq_31459039的博客

01-14

1331

<!DOCTYPE html> <html lang="en"> <head> <script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <meta charse

js动态获取li当前选中的值

shuoshuo_12345的博客

06-04

9536

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js">&

如何获取点击当前li元素的ID

weixin_44543519的博客

02-23

8063

关键技术：jquery 作者：李嘉乐用for 循环给ul元素添加10个li子元素，在自增的同时给每一个li元素添加了dianji（this）的onclick事件和自增的指定ID。通过dianji事件就可以获取到当前点击的li元素ID了。如图：代码如下： <body> <div> <ul style="width:500px; heig...

jquery 如何获取ul中li的值

信徒博客

04-04

1万+

html页面代码如下 <span></span>显示选中的li的值 <span id="tresult"></span> <ul style="list-style:none;" id="uli"> <li>五谷杂粮</li> <li>水产类</li> <li...

Js和jQuery获取dom点击click事件下标index

快乐每一天

12-22

3496

<div class="dot"> <span class=""></span> <span class=""></span> <span class=""

html 判断li是否点击事件,jquery如何判断一个元素是否被点击？

weixin_39732866的博客

06-08

838

jquery如何判断一个元素是否被点击？下面本篇文章就来给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。jquery判断一个元素是否被点击的方法下面我们通过一个示例来具体看看判断方法。点我点我吧$("#parent *").click(function(e){if(e.target == $("#a1")[0]){alert("你点了链接一！");}else if(...

jQuery获取所点击ul中li的文本值