jQuery nextUntil() 方法
示例
返回兩個帶有類名“start”和“stop”的 <li> 元素之間的所有同級元素
$(document).ready(function(){
$("li.start").nextUntil("li.stop").css({"color": "red", "border": "2px solid red"});
});
結果
ul (父級)- li (同級)
- li (同級)
- li (帶有類名“start”的同級)
- li (同級)
- li (同級)
- li (同級)
- li (帶有類名“stop”的同級)
自己動手試一試 »
定義和用法
nextUntil() 方法返回在 selector 和 stop 之間的所有後續同級元素。
同級元素是指具有相同父元素的元素。
DOM 樹：此方法沿著 DOM 元素的同級向前遍歷。
注意： 如果兩個引數都為空，此方法將返回所有後續同級元素（與 nextAll() 方法相同）。
相關方法
語法
$(selector).nextUntil(stop,filter)
| 引數 | 描述 |
|---|---|
| 停止 | 可選。一個選擇器表示式、元素或 jQuery 物件，指示停止搜尋下一個匹配的同級元素的位置 |
| 篩選器 | 可選。指定一個選擇器表示式，用於在 selector 和 stop 之間縮小同級元素的搜尋範圍 注意： 要返回多個同級元素，請用逗號分隔每個表示式。 |
親手嘗試 - 示例
縮小搜尋範圍
同時使用兩個引數來篩選兩個引數之間的後續同級元素的搜尋。
返回多個同級元素
如何返回兩個引數之間的多個同級元素。
DOM
使用 DOM 元素而不是選擇器來返回兩個給定引數之間的所有同級元素。
使用同時包含兩個引數的 DOM
使用 DOM 元素而不是選擇器，並同時使用兩個引數來篩選兩個引數之間的後續同級元素搜尋。
