jQuery判斷當前元素是第幾個元素&獲取第N個元素

假設有下面這樣一段HTML代碼：

<ul>
    <li>jQuery判斷當前元素是第幾個元素示例</li>
    <li>jQuery獲取第N個元素示例</li>
    <li>jQuery選擇器示例</li>
</ul>

jQuery判斷當前元素是第幾個元素

如果我們點擊任何一個li標簽，想知道當前點擊的是第幾個li標簽，可以使用下面的代碼：

 

$("ul li").click(function () {
    var index = $("ul li").index(this);
    alert(index);
 });

如上面的jQuery代碼，如果點擊的第一個會提示”0″,如果是第二個li標簽會提示”1″,注意索引序列號是從0開始的。

jQuery 獲取第N個元素

同理，如果我們要獲取第二li標簽元素，可以使用下面的代碼

 

var element=$("ul li").eq(1);
alert($(element).html());

注意索引是從0開始的，因此上面的代碼會輸出第二個li標簽的html內容。

以上就是jQuery判斷當前元素是第幾個元素和jQuery獲取第N個元素的示例方法，希望可以幫助到需要的朋友。