jQuery 遍歷 nextAll() 方法

jQuery 參考手冊(cè) 遍歷

nextAll() 獲得匹配元素集合中每個(gè)元素的所有跟隨的同胞元素，由選擇器篩選是可選的。

1. 語(yǔ)法

.nextAll(selector)

如果給定一個(gè)表示 DOM 元素集合的 jQuery 對(duì)象，.nextAll() 方法允許我們搜索 DOM 樹(shù)中的元素跟隨的同胞元素，并用匹配元素構(gòu)造新的 jQuery 對(duì)象。

該方法接受可選的選擇器表達(dá)式，類(lèi)型與我傳遞到 $() 函數(shù)中的相同。如果應(yīng)用選擇器，則將通過(guò)檢測(cè)元素是否匹配來(lái)對(duì)它們進(jìn)行篩選。

請(qǐng)思考下面這個(gè)帶有簡(jiǎn)單列表的頁(yè)面：

<ul>
   <li>list item 1</li>
   <li>list item 2</li>
   <li class="third-item">list item 3</li>
   <li>list item 4</li>
   <li>list item 5</li>
</ul>

如果我們從項(xiàng)目三開(kāi)始，那么我們能夠找到其后出現(xiàn)的元素：

$('li.third-item').nextAll().css('background-color', 'red');

這次調(diào)用的結(jié)果是，項(xiàng)目 4 和 5 被設(shè)置為紅色背景。由于我們沒(méi)有應(yīng)用選擇器表達(dá)式，緊跟的這個(gè)元素很明確地被包括為對(duì)象的一部分。如果我們已經(jīng)應(yīng)用了選擇器，在包含它之前會(huì)檢測(cè)是否匹配。

2. 范例

查找第一個(gè) div 之后的所有類(lèi)名，并為他們添加類(lèi)名：

$("div:first").nextAll().addClass("after");

jQuery 參考手冊(cè) 遍歷