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

简介: 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个元素的示例方法


目录
相关文章
|
7月前
|
JavaScript 前端开发
使用jQuery操作DOM元素
使用jQuery操作DOM元素
|
7月前
|
前端开发 JavaScript
如何利用jQuery来向一个元素中添加和移除CSS类?
如何利用jQuery来向一个元素中添加和移除CSS类?
91 0
|
2月前
|
JavaScript
jQuery - 添加元素
通过 jQuery,可以很容易地添加新元素/内容。
46 10
|
3月前
|
JavaScript 前端开发
jQuery - 添加元素
jQuery - 添加元素
23 2
|
3月前
|
JavaScript 前端开发
jQuery - 添加元素
jQuery - 添加元素
28 6
|
4月前
|
JavaScript
分别用jquery和js修改页面元素
分别用jquery和js修改页面元素
38 2
|
4月前
|
前端开发 JavaScript
jQuery改变元素的方法
jQuery改变元素的方法
20 1
|
4月前
|
JavaScript Java
分别使用java script和jQuery添加页面元素
分别使用java script和jQuery添加页面元素
33 0
|
4月前
|
JavaScript
JQuery——动态添加元素导致点击事件失效
JQuery——动态添加元素导致点击事件失效
43 0
|
6月前
|
JavaScript 前端开发 安全
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作