jQuery index方法是用于獲取或設置元素在同級元素中的索引值,索引值從0開始計數。該方法可以用于任意元素,如ul、ol、table等。
jQuery index方法的使用格式為:
$(selector).index(element);
其中,selector為jQuery選擇器,element為一個元素或選擇器。
下面是jQuery index方法的實例代碼:
// 獲取第一個li元素的索引值 var index = $('li').first().index(); // 獲取class為active的li元素的索引值 var index = $('li.active').index(); // 獲取最后一個li元素的索引值 var index = $('li').last().index(); // 獲取id為item的元素在ul中的索引值 var index = $('#item').index('ul li');
注意,如果給index方法傳入一個元素或選擇器,它會返回該元素在同級元素中的索引值。如果不傳入參數,它會返回當前元素在同級元素中的索引值。
另外,index方法還可以接受一個參數isSelector,表示匹配元素的過濾器,返回第一個匹配元素的索引值。如果沒有匹配的元素,則返回-1。例如:
// 獲取class為active的li元素在ul中的索引值 var index = $('li').index('.active');
值得注意的是,jQuery index方法只返回已經附加到文檔樹中的元素的索引值。對于一些還未附加到文檔樹中的元素(比如創建的dom元素),它會返回-1。