jQuery index() 方法返回給定元素相對于其他元素的位置索引值。
語法:
$(selector).index(element)
其中,selector 表示要獲取索引的元素,element 表示作為參考的元素。
使用 index() 方法可以方便地獲取元素在同級元素中的位置。以下是一個示例:
<ul> <li>列表項1</li> <li>列表項2</li> <li>列表項3</li> </ul> <script> var index = $('li').index($('li:eq(1)')); //獲取與列表項2相對位置的索引值 console.log(index); //輸出:1 </script>
在以上示例中,我們使用了 index() 方法獲取與列表項2相對位置的索引值,結果為 1,表示列表項2在同級元素中的第2個位置(從 0 開始計數)。
需要注意的是,如果作為參考的元素不存在于選擇器匹配的元素集中,那么 index() 方法會返回 -1。例如:
<ul> <li>列表項1</li> <li>列表項2</li> <li>列表項3</li> </ul> <script> var index = $('li').index($('p')); //獲取與 p 元素相對位置的索引值 console.log(index); //輸出:-1 </script>
上述示例中,我們使用 index() 方法獲取與 p 元素相對位置的索引值,由于選擇器中不存在 p 元素,因此 index() 方法返回 -1。