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部分相對於同輩元素構成的數組中的索引的位置