jQuery 遍歷 - nextAll() 方法

jQuery 遍歷參考手冊

實例

查找第一個 div 之后的所有類名，并為他們添加類名：

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

親自試一試

定義和用法

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

語法

.nextAll(selector)
參數 描述
selector 字符串值，包含用于匹配元素的選擇器表達式。

詳細說明

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

該方法接受可選的選擇器表達式，類型與我傳遞到 $() 函數中的相同。如果應用選擇器，則將通過檢測元素是否匹配來對它們進行篩選。

請思考下面這個帶有簡單列表的頁面：

<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>

如果我們從項目三開始，那么我們能夠找到其后出現的元素：

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

親自試一試

這次調用的結果是，項目 4 和 5 被設置為紅色背景。由于我們沒有應用選擇器表達式，緊跟的這個元素很明確地被包括為對象的一部分。如果我們已經應用了選擇器，在包含它之前會檢測是否匹配。

jQuery 遍歷參考手冊