jQuery 遍歷 - eq() 方法

jQuery 遍历參考手冊

實例

通過為 index 為 2 的 div 添加適當的類，將其變為藍色：

$("body").find("div").eq(2).addClass("blue");

親自試一試

定義和用法

eq() 方法將匹配元素集縮減值指定 index 上的一个。

語法

.eq(index)
參數 描述
index

整數，指示元素的位置（最小為 0）。

如果是負數，則從集合中的最後一個元素往回計數。

詳細說明

如果給定表示 DOM 元素集合的 jQuery 對象，.eq() 方法會用集合中的一個元素構造一個新的 jQuery 對象。所使用的 index 參數標示集合中元素的位置。

請看下面這個簡單的列表：

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
</ul>

例子 1

我們可以把该方法應用到這個列表項目集：

$('li').eq(2).css('background-color', 'red');

親自試一試

這個調用的結果是為項目 3 設置了紅色背景。請注意，index 是基於零的，並且是在 jQuery 對象中引用元素的位置，而不是在 DOM 樹中。

例子 2

如果提供負數，則指示從集合結尾開始的位置，而不是從開頭開始。例如：

$('li').eq(-2).css('background-color', 'red');

親自試一試

這次，項目 4 的背景變為紅色，這是因為它是集合結尾開始的第二個。

例子 3

如果無法根據指定的 index 參數找到元素，則该方法構造帶有空集的 jQuery 對象，length 屬性為 0。

$('li').eq(5).css('background-color', 'red');

親自試一試

這裡，沒有列表項會變為紅色，這是因為 .eq(5) 指示的第六個列表項。

jQuery 遍历參考手冊