jQuery的index()函數表示獲取當前元素在同輩元素中的位置,而使用參數時表示獲取指定元素在同輩元素中的位置。
// 無參索引,獲取當前元素在同輩元素中的位置 $("li").click(function(){ var index = $("li").index(this); console.log(index); }); // 有參索引,獲取指定元素在同輩元素中的位置 var span = $("span"); var index = $("li").index(span); console.log(index);
在上述代碼中,我們首先對li元素綁定了click事件,并使用無參的index()函數獲取當前點擊的li元素在同輩元素中的位置,并輸出到控制臺中。
然后,我們使用變量span存儲了一個span元素,再使用有參的index()函數獲取span元素在同輩元素中的位置,并將其輸出到控制臺中。
除此之外,我們還可以在參數中傳入選擇器,以獲取符合條件的元素在同輩元素中的位置。
// 獲取class為red的元素在同輩元素中的位置 var index = $("li").index(".red"); console.log(index);
上述代碼中,我們使用選擇器獲取所有li元素中class為red的元素在同輩元素中的位置,并將其輸出到控制臺中。