jquery获取元素索引值index()

作者: 梅川内酷 于 13-04-26 热度:384

jquery获取元素索引值index()方法:

jquery的index()方法 搜索匹配的元素,并返回相应元素的索引值,从0开始计数。

如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。
如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置。
如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置。如果找不到匹配的元素,则返回-1。

<ul>
  <li id="foo">foo</li>
  <li id="bar">bar</li>
  <li id="baz">baz</li>
</ul>

$('li').index(document.getElementById('bar')); //1,传递一个DOM对象,返回这个对象在原先集合中的索引位置
$('li').index($('#bar')); //1,传递一个jQuery对象
$('li').index($('li:gt(0)')); //1,传递一组jQuery对象,返回这个对象中第一个元素在原先集合中的索引位置
$('#bar').index('li'); //1,传递一个选择器,返回#bar在所有li中的做引位置
$('#bar').index(); //1,不传递参数,返回这个元素在同辈中的索引位置。

jquery获取元素索引值index()示例

<div id="nav">
    <a href="http://www.51xuediannao.com/">建站素材</a>
    <a href="http://www.51xuediannao.com/">jquery特效</a>
    <a href="http://www.51xuediannao.com/">懒人主机</a>
    <a href="http://www.51xuediannao.com/qd63/">前端路上</a>
</div>

$("#nav a").click(function(){var index1 = $("#nav a").index(this);var index2 = $("#nav a").index($(this));var index3 = $(this).index()var index3 = $(this).index("a")alert(index3);return false;
});

jquery获取元素索引值index()相关推荐

  1. jQuery获取元素索引值index()方法

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

  2. jquery 获取某个值得键名_jQuery获取元素索引值index()方法

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

  3. jquery获取元素索引

    昨个项目中遇到的问题,想获取指定td在该行tr中可见列的索引: 由于改行tr下有隐藏元素,取索引的时候直接用 $(['td[name="operation"]').index()  ...

  4. jquery获取元素的值,获取当前对象的父对象等等

    jsp代码: <span><input type="hidden" value="1" id="newInfo">& ...

  5. Jquery 获取元素属性值

    获取属性 获取内置属性 获取自定义属性 prop( 'value name','value') attr('value name','value') jquery中内置属性只能用来获取内置 自定义只能 ...

  6. js jquery 获取元素(父节点,子节点,兄弟节点)

    js jquery 获取元素(父节点,子节点,兄弟节点) js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test&quo ...

  7. jquery获取元素的索引_如何在jQuery中获取具有特定索引的元素

    jquery获取元素的索引 In this post, we are going to discuss how to get an element with a specific index. jQu ...

  8. jquery获取元素在文档中的位置信息以及滚动条位置(转)

    jquery获取元素在文档中的位置信息以及滚动条位置 http://blog.csdn.net/qq_34095777/article/details/78750886     原文链接 原创 201 ...

  9. jquery获取元素四种方式。

    jquery获取元素四种方式. 当你成功引入jquery插件之后,就可以用jquery的语法来获取html元素. js获取只有document.getElementById或者通过名称来获取. 而jq ...

最新文章

  1. 详解蚂蚁金服 SOFAJRaft:生产级高性能 Java 实现
  2. “中国式招标”的一些趣闻
  3. fiddler 看懂瀑布图Timeline
  4. java前后端数据交互_前后端数据交互(示例代码)
  5. 通过Dapr实现一个简单的基于.net的微服务电商系统(十二)——istio+dapr构建多运行时服务网格...
  6. 照看小猫(nowcoder 217602)
  7. spring注解( @Autowired、@Qualifier、@Resource、@PostConstruct、@PreDestroy、 @Component、@Scope)-描述的比较清楚
  8. netty并发量一般多少_Netty框架简介
  9. VHDL----基础知识1
  10. 一个有趣的问题 : 如何设计一个线程池
  11. Spring_day1
  12. 84直方图最大矩形覆盖 · Largest Rectangle in Histogram
  13. 魅族手机在开发调试中无法打印log的解决方法
  14. html前端毕业设计项目,web前端毕业设计论文..doc
  15. HTML5+CSS大作业——端午节日(25页) 图片滚动
  16. 数据分析师必备的六大技能,你都掌握了吗?
  17. 将本地调试gdb移植到arm板
  18. Latex bare_jrnl模板报错:something‘s wrong--perhaps a missing\item. \end{thebibliography}
  19. python3和5_Python3算法之五:最大子序和
  20. Genymotion-ARM-Translation.zip各安卓版本合集

热门文章

  1. nvidia-nccl
  2. AUTOSAR架构中的配置文件
  3. 磁盘必须经过初始化,逻辑磁盘管理器才能访问——笔记本硬盘作为移动硬盘使用时遇到的问题...
  4. 史上最全的C++/游戏开发面试问题总结(一)——C++基础
  5. 超级爆笑小学生作文大全,这孩子太搞了
  6. 语句摘抄——第10周
  7. JAVA计算机毕业设计校园线上点餐系统Mybatis+源码+数据库+lw文档+系统+调试部署
  8. 北上广租房技巧(希望大家都少走点坑)
  9. 学校运动会广播稿计算机,学校运动会广播稿十篇
  10. c#计算标准偏差实现跟excel中一样的STDEVP()