jQuery 遍歷 nextAll() 方法
jQuery 遍歷 nextAll() 方法
jQuery 參考手冊 遍歷nextAll() 獲得匹配元素集合中每個元素的所有跟隨的同胞元素，由選擇器篩選是可選的。
1. 語法
.nextAll(selector)
| 參數(shù) | 描述 |
|---|---|
| selector | 字符串值，包含用于匹配元素的選擇器表達式。 |
如果給定一個表示 DOM 元素集合的 jQuery 對象，.nextAll() 方法允許我們搜索 DOM 樹中的元素跟隨的同胞元素，并用匹配元素構(gòu)造新的 jQuery 對象。
該方法接受可選的選擇器表達式，類型與我傳遞到 $() 函數(shù)中的相同。如果應(yīng)用選擇器，則將通過檢測元素是否匹配來對它們進行篩選。
請思考下面這個帶有簡單列表的頁面：
<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àn)的元素：
$('li.third-item').nextAll().css('background-color', 'red');
這次調(diào)用的結(jié)果是，項目 4 和 5 被設(shè)置為紅色背景。由于我們沒有應(yīng)用選擇器表達式，緊跟的這個元素很明確地被包括為對象的一部分。如果我們已經(jīng)應(yīng)用了選擇器，在包含它之前會檢測是否匹配。
2. 范例
查找第一個 div 之后的所有類名，并為他們添加類名：
$("div:first").nextAll().addClass("after");
相關(guān)文章
- jQuery 安裝
- jQuery 語法
- jQuery 停止動畫
- jQuery AJAX 簡介
- jQuery 參考手冊 選擇器
- jQuery 參考手冊 屬性操作
- jQuery 事件 isDefaultPrevented() 方法
- jQuery 事件 mouseout() 方法
- jQuery 事件 ready() 方法
- jQuery 事件 submit() 方法
- jQuery 事件 unbind() 方法
- jQuery 事件 unload 屬性
- jQuery 遍歷 offsetParent() 方法
- jQuery ajax param() 方法
- jQuery ajax serialize() 方法
- jQuery CSS 操作 css() 方法
- jQuery 文檔操作 appendTo() 方法
- jQuery 文檔操作 prepend() 方法
- jQuery :input 選擇器
- jQuery :text 選擇器
學(xué)習(xí)JQuery