實(shí)例

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

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

親自試一試

定義和用法

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

語(yǔ)法 1

.nextUntil(selector,filter)

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

語(yǔ)法 2

.nextUntil(element,filter)

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

詳細(xì)說(shuō)明

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

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

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

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