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

如果没给.index()方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于同辈元素的位置;

如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置;

如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置,如果找不到匹配的元素,则返回-1;

eg:

<ul>

  <li id="ch">ch</li>

  <li id="ang">ang</li>

  <li id="ing">ing</li>

</ul>

$('li').index(document.getElementById('ang')) //1  传递一个DOM对象,返回这个对象在原先集合中的索引位置

$('li').index($('#ang')) // 1  传递一个jQuery对象

$('li').index($('li:gt(0)')) // 1  传递一个jQuery对象,返回这个对象中第一个元素在原先集合中的索引位置

$('#ang').index('li') // 1   传递一个选择器,返回#ang在所有li中的索引位置

$('#ang').index() // 1   不传递参数,返回这个元素在同辈中的索引位置

案例:

<div id="nav">

  <a href="http://www.baidu.com/">百度1</a>

  <a href="http://www.baidu.com/">百度2</a>

  <a href="http://www.baidu.com/">百度3</a>

  <a href="http://www.baidu.com/">百度4</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

})

(点击网页中百度1、2、3、4依次弹出0、1、2、3)

转载于:https://www.cnblogs.com/cq-0715/p/9605155.html

jQuery获取元素索引值index()方法相关推荐

  1. jquery获取元素索引值index()

    jquery获取元素索引值index() 作者: 梅川内酷 于 13-04-26 热度:384 jquery获取元素索引值index()方法: jquery的index()方法 搜索匹配的元素,并返回 ...

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

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

  3. JQuery获取元素的N种方法

    一.根据标签属性或属性值获取 1.根据属性获取元素 比如要获取页面p标签中属性有id的元素 代码如下: $("p[id]").css("color"," ...

  4. jquery获取元素索引

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

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

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

  6. Jquery 获取元素属性值

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

  7. jQuery获取标签属性值(一)

    1.box-shadow属性可以设置盒子阴影的效果其参数为: box-shadow: h-shadow v-shadow blur spread color inset; h-shadow 必需的.水 ...

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

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

  9. 86 js获取元素样式值

    文章目录 1.样式的种类 2.元素.style.属性名 2.window.getComputedStyle() 3.currentStyle 4.兼容写法 5.获取元素样式值的方法 前面学习了如何设置 ...

最新文章

  1. html region 折叠,js代码折叠的方法//#region 代码 //#endregion
  2. Cenetos 下sudo的使用
  3. gcc a.c 究竟经历了什么
  4. 华为开源深度学习框架MindSpore背后的商业野心
  5. [工具]-电脑磁盘爆满了,但又不知道哪些文件占用的空间,怎么办?
  6. MyBatis 多参数传递
  7. 虚拟专题:知识图谱 | 频谱知识图谱:面向未来频谱管理的智能引擎
  8. Simulink之变压器漏抗对整流电路的影响
  9. 利用Gtmetrix检测你的网站载入速度!
  10. 2-14 三级菜单
  11. struts拦截器+注解实现网络安全要求中的日志审计功能
  12. [Unity] Unity3D研究院编辑器之自定义默认资源的Inspector面板
  13. fastjson safemode_Fastjson远程代码执行漏洞安全通告
  14. Java拦截器验证失败时返回Json格式数据
  15. SQLiteDeveloper破解方法
  16. 2018第九届蓝桥杯JavaB组省赛真题详解
  17. 吴恩达机器学习课后作业6——使用支持向量机(svm)构建一个垃圾邮件分类器
  18. 5G基站耗电剑指4G基站水平,通过IMT-2020(5G)大会看5G发展趋势
  19. Clion安装教程(Linux)
  20. 建木持续集成平台v2.2.1发布

热门文章

  1. Apache Ant 简介和配置
  2. line-hieght与vertical-align的区别与联系
  3. 深入理解 RecyclerView 系列之一:ItemDecoration
  4. POJ3067 Japan(归并排序)
  5. c+oracle+bulk,C#使用OracleBulkCopy
  6. centos7下安装mysql及测试centos_CentOS7安装mysql8
  7. spring图片转视频_视频转GIF在线教程,GIF制作方法
  8. python迭代器好处_python迭代器
  9. 没有workstation_这才是Win10的旗舰版:WorkStation版独享功能测试
  10. 1加6投屏_6月的早餐,1杯牛奶加燕麦,营养健康又美味,饱腹感很强