jQuery 遍歷 prevUntil() 方法
jQuery 遍歷 prevUntil() 方法
如果給定一個表示 DOM 元素集合的 jQuery 對象,.prevUntil() 方法允許我們在 DOM 樹中搜索這些元素前面的同胞元素,直到遇到被選擇器(傳遞到方法中的參數)匹配的元素為止。返回的 jQuery 新對象包含所有前面的同胞元素,但不包括由 .prevUntil() 方法規定的選擇器匹配的那個元素;所返回元素的順序是從最近的同胞元素到最遠的那個。
如果不匹配或未應用選擇器,則將選區所有前面的同胞元素;在這種情況下,該方法選取的元素與未提供選擇器時的 .prevAll() 相同。
對于 jQuery 1.6,DOM 節點或 jQuery 對象,而不是選擇器,可用作 .prevUntil() 方法的第一個參數。
該方法接受可選的選擇器表達式作為其第二參數。如果應用這個參數,則將通過檢測元素是否匹配該選擇器對元素進行篩選。
1. 語法 1
.prevUntil(selector, filter)
參數 | 描述 |
---|---|
selector | 可選。字符串值,包含指示在何處停止匹配前方同胞元素的選擇器表達式。 |
filter | 可選。字符串值,包含用于匹配元素的選擇器表達式。 |
2. 語法 2
.prevUntil(element, filter)
參數 | 描述 |
---|---|
element | 可選。指示在何處停止匹配前方同胞元素的 DOM 節點或 jQuery 對象。 |
filter | 可選。字符串值,包含用于匹配元素的選擇器表達式。 |
3. 范例
查找 <dt id="term-2"> 之前的同胞元素,直到前一個 <dt>,并將它們設置為紅色。同時,查找 <dt id="term-3"> 前面的 <dd> 同胞,直到 <dt id="term-1">,并把它們設置為藍色文本:
$("#term-2").prevUntil("dt").css("background-color", "red"); var term1 = document.getElementById('term-1'); $("#term-3").prevUntil(term1, "dd").css("color", "green");
prevUntil() 方法獲得當前匹配元素集合中每個元素的前面的同胞元素,但不包括被選擇器、DOM 節點或 jQuery 對象匹配的元素。
相關文章
- jQuery 選擇器
- jQuery 事件
- jQuery 獲得內容和屬性
- jQuery 獲取并設置 CSS 類
- jQuery css() 方法
- jQuery 遍歷
- jQuery noConflict() 方法
- jQuery 參考手冊 文檔操作
- jQuery 參考手冊 CSS 操作
- jQuery 事件 change() 方法
- jQuery 事件 dblclick() 方法
- jQuery 事件 delegate() 方法
- jQuery 事件 isDefaultPrevented() 方法
- jQuery 事件 timeStamp 屬性
- jQuery 事件 live() 方法
- jQuery 事件 mouseleave() 方法
- jQuery 事件 mouseup() 方法
- jQuery 事件 ready() 方法
- jQuery 事件 trigger() 方法
- jQuery 事件 undelegate() 方法