jQuery index()

时间：2021-12-04 04:51:57

index()

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

语法

$(selector1).index(selector2)

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

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

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

实例说明

代码

 <!DOCTYPE html>

 <html lang="zh-CN">

 <head lang="en">

     <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>

 </head>

 <body>

 <div></div>

 <div id="ss"></div>

 <div>

     <ul id="ul">

         <li>one</li>

         <li id="li">two</li>

         <li>three</li>

     </ul>

 </div>

 <script>

     document.writeln( $("#li").index() );//返回id=li在同辈中的索引号

     document.writeln( $("#li").index("li") );//返回 id=li在所有li中的索引号

     document.writeln( $("div").index() );//返回div中第一个元素在同辈中的索引号

 </script>

 </body>

 </html>

运行结果

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABwCAIAAABuLOL0AAADSElEQVR4nO2cPXLqMBSFVbIICnbghpKloJ5l0GotNJphERRuPeOSZVDqFfKPbEsc9CJbgjlfk8TWMNaXiyyfXCIMeYvIfQGlQ0EACgJQEICCABQEoCAABQEoCEBBAAoCUBCAggAUBKAgAAUBKAhAQQAKAlAQIL2gtm0fj8fr9Ur+yllILOh8PgshhBD7/b6u6/eDtRQdlWqMMcY0qhJCSG2/Oiecs0IIIaROe91hUgq63W7C4Xg8vhms5TjNRlXD91qOXtzjjaocW1pO1K1ISkHX69UVtNvtgkOn03V/1tIpj/EHp3q2LaKUgu73uzuD0+kUHKrl8t1jZxwQNDm8JYnXoMvlYu0cDoe2bYPj/qeCtnpTTUl/F3s+n3Vdw7uYW0OzNcgnyDSqcoquUWqjesq5DxrvYq6F4UB/etAyjhfbVRM3igAKAlAQgIIAFASgIAAFASgIQEEACgJQECCzIK2yPKJHkDWTzpZhRJArk3aezMfn+e6g1PabSmn7dD+GZps/zOfLpI3xVVCjqj5Y7AM0NQRp3gx7bTJl0hbPW6wzNMRjnZ9wArk2mTJpi2+atnS0krKS2q2fQIa9NpkyaYu3DrSslFKqaVQlVZ+s/kYFWT7MpI2Z1IHWbhA9RK6TeNqbYa9N7n1Qf2Ny5rtcqOeDt/wLEHfSAAoCUBCAggAUBKAgAAUBKAhQoCBnU10AZQnqexRzX4dDWYJMxlayALmfxRaZ9O8L+mMm/eOC/pZJdyeWfdK+zjO3H8/fP52kr7qwTDrcJ21PSWkLbDwT6p9O1VddWiYdbOI08wRteIlpKY7evMejKTCTfidoMcvQkpVsKSsuk44UFAqnk4XWxWXSkYKC/dOp+qpz74Okf+WY9UnPVpSZplD/dJK+6uJ20qVBQQAKAlAQgIIAFASgIAAFASgIQEEACgJQEICCABQEoCAABQEoCEBBAAoCUBCAggAUBKAgAAUBKAgwCIr9/HHEeP9/RfwSxHD5n1597PixacXXvlI8XQXFNkN8PH7aAzX/ZOUXsLagqZItPyqYiJUFzY18XwlREICCAFyDALyLAUZBUb/aiPFfvw+a9v/hCcSO//qdNHkLBQEoCEBBAAoCUBCAggD/AF8Io9U6zpTkAAAAAElFTkSuQmCC" alt="" />

King_dream

2015-04-16 16:46:42

jQuery index()的更多相关文章

  1. jquery index（）方法

    搜索匹配的元素,并返回相应元素的索引值,从0开始计数. 如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置.        如果参数是一 ...

  2. jQuery index&lpar;&rpar; 方法

    比如同一级有多个li,获得点击的元素的下标,确定第几个. $("li").click(function(){alert($(this).index());});

  3. 浅谈我对 jQuery 的了解

    总述 0 获取 jQuery 对象 1 对象跳转 2 方法调用 3 常用API 4 $(…); 5 jQuery 对象获取 6 Data 相关方法 7 选择器 8 基本的过滤器 9 内容过滤选择器 1 ...

  4. jQuery第二篇 （帅哥）

    1.1 jQuery操作DOM jQuery课程的目标:学会使用jQuery设计常见效果 选择器 基本选择器:#id ..class .element.* . 层级选择器: 空格.>.+.~ 基 ...

  5. jQuery美女幻灯相册轮播源代码

    体验效果:http://hovertree.com/texiao/jquery/ 本幻灯片包含小图列表和大图轮播,包含图片标题和详细介绍,详细介绍字数可以很多,每张图片包含链接,可以实现跳转 HTML ...

  6. jquery animate 动画效果使用解析

    animate的意思是:使有生气:驱动:使栩栩如生地动作:赋予…以生命作为形容词:有生命的:活的:有生气的:生气勃勃的 先看动画效果:http://keleyi.com/keleyi/phtml/jq ...

  7. jQuery介绍 DOM对象和jQuery对象的转换与区别

    jQuery介绍 DOM对象和jQuery对象的转换与区别 jQuery介绍      jQuery: http://jquery.com/      write less, do more.   j ...

  8. MVC - 11（下）jquery&period;tmpl&period;js &plus;ajax分页

    继续 mvc-11(上).dto:http://www.cnblogs.com/tangge/p/3840060.html jquery.tmpl.js 下载:http://pan.baidu.com ...

  9. web前端基础——jQuery编程基础

    1 jQuery简介 jQuery是一个兼容多浏览器的JavaScript库,核心理念是write less,do more(写得更少,做得更多).它对JavaScript进行了封装,使开发更便捷,并 ...

随机推荐

  1. 关于dll

    今日看到一个不带dllmain的dll,忽然觉得有点奇怪,然后查了一下,原来dll还可以不需要dllmain,甚至可以自己定义入口 先mark以下的资料,有空再总结一下...同时dll劫持,有必要亲身 ...

  2. windows 上配置solr5&period;2&period;1&plus;solr4&period;3&plus;中文分词器

    搭建5.2.1 1.下载 Tomcat解压后的目录为 D:\Program Files\Apache Software Foundation\apache-tomcat-8.0.22 solr解压后的 ...

  3. 【转】Linux里如何查找文件内容

    原文网址:http://blog.chinaunix.net/uid-25266990-id-199887.html Linux查找文件内容的常用命令方法. 从文件内容查找匹配指定字符串的行: $ g ...

  4. android 应用程序框架

    携带Android软件开发时间,由开发商开发Android应用程序是通过应用程序框架和Android底层交互,因此,发展以达到最大的部分是应用程序框架. 应用集成框架 那里4一个重要组成部分,以下. ...

  5. JVM client模式和Server模式的区别

    在“你知道自己执行的是哪个jre吗?”一文中我们知道安装JDK时会安装了两套JRE:专用和公用,殊不知这两套JRE还有秘密. 专用和公用JRE的不同 不同点在于专用JRE的bin里不仅有“client ...

  6. HSLA色相饱和透明度

    H:Hue(色调),取值为:0 - 360.将色相值想成一个圆环中的度数,随着在圆环上移动,得到不同的颜色. S:Saturation(饱和度),取值为:0.0% - 100.0%.数值越低(降低饱和 ...

  7. 关于pyCharm专业版的破解方法

    用pycharm编写自动化脚本时,pycharm专业版的使用期限只有30天, 找到了pycharm破解方法. 破解码:{"licenseId":"145446792566 ...

  8. 长度不超过n的连续最大和&lowbar;&lowbar;&lowbar;优先队列

    题目链接: https://nanti.jisuanke.com/t/36116 题目: 在蒜厂年会上有一个抽奖,在一个环形的桌子上,有 nn 个纸团,每个纸团上写一个数字,表示你可以获得多少蒜币.但 ...

  9. STS启动失败：Failed to load the JNI shared library

    版本位不一致 jdk 版本 ↓ eclipse 版本(%STS_HOME%/STS.ini)

  10. 共享访问在&period;NET中的编程实现

    转载:http://blog.csdn.net/zhzuo/article/details/1732937 共享访问在.NET中的编程实现 发布日期:2007-08-08 | 更新日期:2009-03 ...

相关文章