欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery index 參數

榮姿康2年前8瀏覽0評論

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()方法是一個常用的方法,它可以查找當前元素在同級元素中的位置,也可以查找指定元素在同級元素中的位置。學會使用該方法可以提高我們代碼的效率。