jQuery中提供了一個(gè)非常方便的方法——.index()方法，可以幫助我們獲取元素在父元素中的位置。

//HTML結(jié)構(gòu)
<ul>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
</ul>
//jQuery代碼
$( "li" ).click(function() {
var index = $( "li" ).index( this );
console.log( "點(diǎn)擊的是第 " + index + " 個(gè)li元素");
});

上面的代碼為一個(gè)簡(jiǎn)單的例子，當(dāng)我們點(diǎn)擊列表項(xiàng)時(shí)，會(huì)輸出該元素在列表中的位置。例如點(diǎn)擊“列表1”時(shí)，會(huì)輸出“點(diǎn)擊的是第0個(gè)li元素”。

我們可以看到，.index()方法接受一個(gè)參數(shù)——需要獲取位置的元素，并返回該元素在同級(jí)元素中的位置，從0開(kāi)始計(jì)數(shù)。如果沒(méi)有參數(shù)，則會(huì)獲取第一個(gè)元素在同級(jí)元素中的位置。

需要注意的是，如果元素不在其父元素中，則.index()方法返回-1。

//HTML結(jié)構(gòu)
<ul class="list">
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
</ul>
<div class="other">
<span>其他元素</span>
</div>
//jQuery代碼
$( "span" ).click(function() {
var index = $( "li" ).index( this );
console.log( "點(diǎn)擊的是第 " + index + " 個(gè)li元素");
});

上面的代碼中，我們希望通過(guò)點(diǎn)擊“其他元素”來(lái)獲取列表項(xiàng)的位置。但由于列表項(xiàng)不在“其他元素”的父元素中，所以返回-1。

總的來(lái)說(shuō)，.index()方法非常實(shí)用，可以幫助我們方便地獲取元素在同級(jí)元素中的位置。