jQuery 遍歷 prevUntil() 方法

jQuery 參考手冊(cè) 遍歷

如果給定一個(gè)表示 DOM 元素集合的 jQuery 對(duì)象，.prevUntil() 方法允許我們?cè)?DOM 樹中搜索這些元素前面的同胞元素，直到遇到被選擇器（傳遞到方法中的參數(shù)）匹配的元素為止。返回的 jQuery 新對(duì)象包含所有前面的同胞元素，但不包括由 .prevUntil() 方法規(guī)定的選擇器匹配的那個(gè)元素；所返回元素的順序是從最近的同胞元素到最遠(yuǎn)的那個(gè)。

如果不匹配或未應(yīng)用選擇器，則將選區(qū)所有前面的同胞元素；在這種情況下，該方法選取的元素與未提供選擇器時(shí)的 .prevAll() 相同。

對(duì)于 jQuery 1.6，DOM 節(jié)點(diǎn)或 jQuery 對(duì)象，而不是選擇器，可用作 .prevUntil() 方法的第一個(gè)參數(shù)。

該方法接受可選的選擇器表達(dá)式作為其第二參數(shù)。如果應(yīng)用這個(gè)參數(shù)，則將通過檢測(cè)元素是否匹配該選擇器對(duì)元素進(jìn)行篩選。

1. 語法 1

.prevUntil(selector, filter)

2. 語法 2

.prevUntil(element, filter)

3. 范例

查找 <dt id="term-2"> 之前的同胞元素，直到前一個(gè) <dt>，并將它們?cè)O(shè)置為紅色。同時(shí)，查找 <dt id="term-3"> 前面的 <dd> 同胞，直到 <dt id="term-1">，并把它們?cè)O(shè)置為藍(lán)色文本：

$("#term-2").prevUntil("dt").css("background-color", "red");
var term1 = document.getElementById('term-1');
$("#term-3").prevUntil(term1, "dd").css("color", "green");

prevUntil() 方法獲得當(dāng)前匹配元素集合中每個(gè)元素的前面的同胞元素，但不包括被選擇器、DOM 節(jié)點(diǎn)或 jQuery 對(duì)象匹配的元素。

jQuery 參考手冊(cè) 遍歷