jQuery 遍歷 - nextUntil() 方法

jQuery 識別參考手冊

實例

查找跟隨 <dt id="term-2"> 的同胞元素，直到下一個 <dt>，然後將它們設置為紅色背景色。同時，找到跟隨 <dt id="term-1"> 的 <dd> 同胞元素，直到 <dt id="term-3">，並為它們設置藍色文字顏色。

$("#term-2").nextUntil("dt").css("background-color", "red");
var term3 = document.getElementById("term-3");
$("#term-1").nextUntil(term3, "dd").css("color", "blue");

親自試一試

定義和用法

nextUntil() 获得每个元素所有跟隨的同胞元素，但不包括被选择器、DOM 节点或已传递的 jQuery 对象匹配的元素。

語法 1

.nextUntil(selector,filter)
參數 描述
selector 字串值，包含指示在何處停止匹配跟隨的同胞元素的选择器表达式。
filter 字串值，包含用於匹配元素的選擇器表達式。

語法 2

.nextUntil(element,filter)
參數 描述
element 指示在何處停止匹配跟隨的同胞元素的 DOM 节點或 jQuery 對象。
filter 字串值，包含用於匹配元素的選擇器表達式。

詳細說明

如果給定一個表示 DOM 元素集合的 jQuery 對象，.nextUntil() 方法允許我們搜索 DOM 樹中的元素跟隨的同胞元素，當遇到被此方法的參數所匹配的元素時會停止搜索。返回的新 jQuery 對象包含所有跟隨的同胞元素，但不包含被參數匹配的元素。

如果選擇器不匹配或未規定選擇器，則會選擇所有跟隨的同胞；如果不提供供過濾的選擇器，則此方法選擇的元素與 .nextAll() 方法相同。

對於 jQuery 1.6，DOM 节點或 jQuery 對象，而不是選擇器，可以傳遞到 .nextUntil() 方法。

此方法接受可選的選擇器表達式作為其第二參數。如果指定此參數，則將通過檢測元素是否匹配此選擇器來過濾它們。

jQuery 識別參考手冊