1. 程式人生 > >jQuery判斷當前元素是第幾個元素&獲取第N個元素

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

假設有下面這樣一段HTML程式碼:

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

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

如果我們點選任何一個li標籤,想知道當前點選的是第幾個li標籤,可以使用下面的程式碼:

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

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

jQuery 獲取第N個元素

同理,如果我們要獲取第二li標籤元素,可以使用下面的程式碼

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

注意索引是從0開始的,因此上面的程式碼會輸出第二個li標籤的html內容。