jQuery nextAll() 方法
示例
返回類名為 "start" 的每個 <li> 元素的後面所有同級元素
$(document).ready(function(){
$("li.start").nextAll().css({"color": "red", "border": "2px solid red"});
});
結果
ul (父級)- li (同級)
- li (同級)
- li (帶有類名“start”的同級)
- li (同級)
- li (同級)
- li (同級)
自己動手試一試 »
定義和用法
nextAll() 方法返回所選元素後面的所有同級元素。
同級元素是指具有相同父元素的元素。
DOM 樹：該方法沿著 DOM 元素的同級元素向前遍歷。
相關方法
- next() - 返回所選元素的下一個同級元素
- nextUntil() - 返回兩個給定引數之間的所有下一個同級元素
語法
$(選擇器).nextAll(過濾器)
| 引數 | 描述 |
|---|---|
| 篩選器 | 可選。指定一個選擇器表示式來縮小搜尋下一個同級元素的範圍 注意： 要返回多個同級元素，請用逗號分隔每個表示式。 |
親手嘗試 - 示例
縮小搜尋範圍
如何過濾對下一個同級元素的搜尋。
返回多個同級元素
使用過濾器引數來獲取具有類名 "first"、"second" 和 "third" 的 <h2> 元素的所有同級元素。
選擇 <p> 元素的所有下一個同級元素
如何選擇 <p> 元素的所有下一個同級元素。
選擇 <div> 的所有下一個同級 <p> 元素
如何選擇每個 <div> 元素的所有下一個同級 <p> 元素。
