jquery元素获取

 1 假设有下面这样一段HTML代码:
 2 
 3 <ul>
 4     <li>jQuery判断当前元素是第几个元素示例</li>
 5     <li>jQuery获取第N个元素示例</li>
 6     <li>jQuery选择器示例</li>
 7 </ul>
 8 jQuery判断当前元素是第几个元素
 9 如果我们点击任何一个li标签,想知道当前点击的是第几个li标签,可以使用下面的代码:
10 
11 $("ul li").click(function () {
12     var index = $("ul li").index(this);
13     alert(index);
14  });
15 如上面的jQuery代码,如果点击的第一个会提示"0",如果是第二个li标签会提示"1",注意索引序列号是从0开始的。
16 
17 jQuery 获取第N个元素
18 同理,如果我们要获取第二li标签元素,可以使用下面的代码
19 
20 var element=$("ul li").eq(1);
21 alert($(element).html());
22 注意索引是从0开始的,因此上面的代码会输出第二个li标签的html内容。

 

posted @ 2018-09-01 13:35  前端极客  阅读(443)  评论(0编辑  收藏  举报