jQuery的index()方法是一個非常常用的方法,它用于查找當前元素在同級元素中的位置,返回一個數字。下面我們來看一下index()方法中的參數。
$(selector).index(element)
其中,我們可以給index()方法傳入一個參數element,它表示要查找的元素。當我們不傳入參數時,index()方法就會返回當前元素在同級元素中的位置,例如:
// HTML代碼 <ul> <li>第一個元素</li> <li>第二個元素</li> <li>第三個元素</li> </ul> // jQuery代碼 $('li').click(function() { var index = $(this).index(); console.log(index); // 點擊第一個元素,輸出 0 // 點擊第二個元素,輸出 1 // 點擊第三個元素,輸出 2 });
上面的代碼中,我們給每一個li元素綁定了一個click事件,當點擊li元素時,就會執行一個函數,函數中使用index()方法查找當前li元素在同級元素中的位置,并將位置輸出到控制臺中。
如果我們傳入了參數element,index()方法就會查找參數element在同級元素中的位置,例如:
// HTML代碼 <ul> <li id="first">第一個元素</li> <li id="second">第二個元素</li> <li id="third">第三個元素</li> </ul> // jQuery代碼 var index = $('li').index($('#second')); console.log(index); // 輸出 1
上面的代碼中,我們使用了一個參數element來傳入了id為second的li元素,index()方法就會查找id為second的li元素在同級元素中的位置,并將位置輸出到控制臺中。
總結:index()方法是一個常用的方法,它可以查找當前元素在同級元素中的位置,也可以查找指定元素在同級元素中的位置。學會使用該方法可以提高我們代碼的效率。