jQuery index()

index()

index() 方法返回指定元素相对于其他指定元素的 index 位置。

语法

$(selector1).index(selector2)

selector2:可选,指定元素;为空时默认返回当前对象在同辈中的索引值

返回值返回selector1在selector2中的索引号,当selector2没有被指定时则返回selector1在同辈中的索引号

注释:如果未找到元素,index() 将返回 -1。

实例说明

代码

 1 <!DOCTYPE html>
 2 <html lang="zh-CN">
 3 <head lang="en">
 4     <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
 5 
 6 </head>
 7 <body>
 8 <div></div>
 9 <div id="ss"></div>
10 <div>
11     <ul id="ul">
12         <li>one</li>
13         <li id="li">two</li>
14         <li>three</li>
15     </ul>
16 </div>
17 <script>
18     document.writeln( $("#li").index() );//返回id=li在同辈中的索引号
19     document.writeln( $("#li").index("li") );//返回 id=li在所有li中的索引号
20     document.writeln( $("div").index() );//返回div中第一个元素在同辈中的索引号
21 
22 
23 </script>
24 </body>
25 </html>

运行结果

技术分享

King_dream

2015-04-16 16:46:42

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。