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

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($('#bar')[0]); //1，传递一个DOM对象，返回这个DOM对象(即$('#bar')[0])在原先集合($('li'))中的索引位置 
$('li').index($('#bar')); //1，传递一个jQuery对象, 返回这个jQuery对象的第一个元素(即$('#bar')[0])在原先集合($('li'))中的索引位置
$('li').index($('li:gt(0)')); //1，传递一组jQuery对象，返回这个对象中第一个元素在原先集合中的索引位置 
$('#bar').index('li'); //1，传递一个选择器，返回$('#bar')[0]在全部li中的作引位置 
$('#bar').index(); //1，不传递参数，返回这个元素($('#bar')[0])在同辈中的索引位置。 
$('#baz').index(); //2，不传递参数，返回这个元素($('#bar')[0])在同辈中的索引位置。

总结:

index()方法分为两种状况:

把表达式分为两部分:

例如:

$('li').index($('#bar')[0])

第一部分:$('li')标记为A

第二部分:参数标记为B

1.index()方法传递的参数为JQUERY对象,或者DOM元素,那么是获取参数JQUERY[0]或者DOM元素相对于A部分的位置

2.index()方法传递的参数为选择器,或者不传,则表示A部分相对于B部分(利用选择器获取的一组JQUERY对象)的位置;不传参数,则表示A部分相对于同辈元素构成的数组中的索引的位置