码迷,mamicode.com
首页 > Web开发 > 详细

jQuery index()

时间:2015-04-16 17:28:26      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:

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

jQuery index()

标签:

原文地址:http://www.cnblogs.com/King-dream/p/4432564.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!