jQuery 遍歷 - eq() 方法 · W3School jQuery 參考手冊

# jQuery 遍歷 - eq() 方法 ## 實例通過為 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) 指示的第六個列表項。