备案控制台
开发者社区 开发与运维 文章 正文

jQuery判断当前元素是第几个元素&获取第N个元素

2022-12-08 199
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： jQuery判断当前元素是第几个元素&获取第N个元素

jQuery判断当前元素是第几个元素

如果我们点击任何一个li标签，想知道当前点击的是第几个li标签，可以使用下面的代码：

1

2

3

4

$("ul li").click(function() {

    varindex = $("ul li").index(this);

    alert(index);

 });

如上面的jQuery代码，如果点击的第一个会提示”0″,如果是第二个li标签会提示”1″,注意索引序列号是从0开始的。

jQuery 获取第N个元素

同理，如果我们要获取第二li标签元素，可以使用下面的代码

1

2

varelement=$("ul li").eq(1);

alert($(element).html());

注意索引是从0开始的，因此上面的代码会输出第二个li标签的html内容。

以上就是jQuery判断当前元素是第几个元素和jQuery获取第N个元素的示例方法


文章标签：
JavaScript
索引
关键词：
jQuery元素
jQuery判断元素
jQuery判断
仙士可
目录
相关文章
穆雄雄.
|
2月前
|
JavaScript 前端开发
使用jQuery操作DOM元素
使用jQuery操作DOM元素
穆雄雄.
16 1
Goodluck-dys
|
5月前
|
前端开发 JavaScript
如何利用jQuery来向一个元素中添加和移除CSS类?
如何利用jQuery来向一个元素中添加和移除CSS类?
Goodluck-dys
35 0
赵广陆
|
8月前
|
JSON JavaScript 数据格式
jQuery操作页面元素属性和内容
jQuery操作页面元素属性和内容
赵广陆
40 0
穆雄雄.
|
2月前
|
前端开发 JavaScript Java
第四章使用jQuery操作DOM元素
第四章使用jQuery操作DOM元素
穆雄雄.
10 0
穆雄雄.
|
2月前
|
JavaScript
jQuery操作DOM元素案例
jQuery操作DOM元素案例
穆雄雄.
11 0
远近高低各不同
|
2月前
|
JavaScript 索引
jQuery选择器 获取元素的十一种方式
jQuery选择器 获取元素的十一种方式
远近高低各不同
17 0
假卡特
|
8月前
|
JavaScript 前端开发
jQuery改变单个元素属性问题
div嵌套div改变外层div字体颜色保留内层div字体颜色出现同时改变的情况解决方案
假卡特
89 6
jQuery改变单个元素属性问题
web前端圈
|
4月前
|
JavaScript 前端开发
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
web前端圈
22 0
web前端圈
|
4月前
|
JavaScript
jQuery事件2-第6次课-给未来的元素绑事件-事件对象-JS盒模型-附案例、任务
jQuery事件2-第6次课-给未来的元素绑事件-事件对象-JS盒模型-附案例、任务
web前端圈
42 0
web前端圈
|
4月前
|
JavaScript
jQuery DOM2-第4次课-从某个元素出发，往上下左右找祖先、后代、兄弟然后对其进行增删改-附资料作业笔记
jQuery DOM2-第4次课-从某个元素出发，往上下左右找祖先、后代、兄弟然后对其进行增删改-附资料作业笔记
web前端圈
29 0