jQuery index() 是用來獲取元素在父元素中的索引值。在 jQuery 中,索引是從 0 開始的整數值。index() 方法語法如下:
$(selector).index(element)
該方法參數可以是選擇器、元素或 jQuery 對象,其中 selector 參數表示要查找的元素,element 表示要獲取索引的元素。若沒有傳遞參數,則默認獲取第一個元素的索引。
下面是一個例子:
<html> <head> <script src="https://cdn.staticfile.org/jquery/1.11.1/jquery.min.js"></script> </head> <body> <ul> <li>我是第一個li</li> <li>我是第二個li</li> <li>我是第三個li</li> <li>我是第四個li</li> </ul> <script> $('li').click(function() { var index = $(this).index(); //獲取點擊的li元素的索引值 alert(index); //彈出索引值 }); </script> </body> </html>
以上代碼中,當點擊列表項時,會彈出該列表項在所有列表項中的索引值。如點擊 "我是第二個li",彈出 "1"。
除了可以獲取單個元素的索引值,index() 方法還可以接收選擇器作為參數,返回第一個匹配元素在篩選元素中的索引值。例如:
$('li').index('li:eq(2)'); //返回2
表示第三個 li 元素在所有 li 元素中的索引值。
總之,jQuery index() 方法是一個十分方便的方法用于查找和獲取索引值,使用在實際的 DOM 操作中也十分常見。使用它可以輕松地處理和有序列表相關的任務。