實例

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

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

親自試一試

定義和用法

nextUntil() 獲得每個元素所有跟隨的同胞元素，但不包括被選擇器、DOM 節(jié)點或已傳遞的 jQuery 對象匹配的元素。

語法 1

.nextUntil(selector,filter)

參數(shù)	描述
selector	字符串值，包含指示在何處停止匹配跟隨的同胞元素的選擇器表達式。
filter	字符串值，包含用于匹配元素的選擇器表達式。

語法 2

.nextUntil(element,filter)

參數(shù)	描述
element	指示在何處停止匹配跟隨的同胞元素的 DOM 節(jié)點或 jQuery 對象。
filter	字符串值，包含用于匹配元素的選擇器表達式。

詳細說明

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

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

對于 jQuery 1.6，DOM 節(jié)點或 jQuery 對象，而不是選擇器，可傳遞到 .nextUntil() 方法。

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