jQuery 对象访问 index([selector|element])
2017-06-21 20:46
246 查看
搜索匹配的元素,并返回相应元素的索引值,从0开始计数。
如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。
如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置。
如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置。如果找不到匹配的元素,则返回-1。
查找元素的索引值
HTML 代码:
jQuery 代码:
如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。
如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置。
如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置。如果找不到匹配的元素,则返回-1。
查找元素的索引值
HTML 代码:
<ul> <li id="foo">foo</li> <li id="bar">bar</li> <li id="baz">baz</li> </ul>
jQuery 代码:
$('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的对象访问函数(get,index,size,each)
- jQuery.API源码深入剖析以及应用实现(2) - jQuery对象访问和数据缓存
- jQuery.API源码深入剖析以及应用实现(2) - jQuery对象访问和数据缓存
- 关于jQuery对象的两个属性selector和context
- jQuery对象访问-each(callback)
- JQuery index方法获取Jquery对象的数组下标
- 不区分不行的弱类型脚本中的有类型对象-iFrame通过document.getElementById方法访问和document.nameIframe的差异
- jQuery 对象访问:each(callback)
- JQuery 参考手册 学习笔记(2)-jquery 对象访问
- jQuery对象访问
- jquery $.each(box,function(attr,value){}) 与 $().each(function(index,element){})
- jquery之对象访问(是不是API里出错了呢?)
- JQuery学习笔记(二) 对象访问
- jquery 学习之一 对象访问
- 关于jQuery对象的两个属性selector和context
- jQuery.API源码深入剖析以及应用实现(2) - jQuery对象访问和数据缓存
- jquery 学习之一 对象访问
- $("#id")与document.getElementById("id") 即 jQuery对象和DOM对象相互转换
- jQuery 学习三(对象访问)
- Mootools 1.4中取得索引值的方法,类似jquery的Element.index()