jQuery prevAll() 方法
示例
返回所有類名為 "start" 的 <li> 元素的全部前一個同級元素
$(document).ready(function(){
$("li.start").prevAll().css({"color": "red", "border": "2px solid red"});
});
結果
ul (父級)- li (同級)
- li (同級)
- li (同級)
- li (帶有類名“start”的同級)
- li (同級)
- li (同級)
自己動手試一試 »
定義和用法
prevAll() 方法返回所選元素的所有前一個同級元素。
同級元素是指具有相同父元素的元素。
DOM 樹: 此方法沿著 DOM 元素的反向同級進行遍歷。
相關方法
- prev() - 返回所選元素的下一個同級元素
- prevUntil() - 返回兩個給定引數之間的所有下一個同級元素
語法
$(selector).prevAll(filter)
引數 | 描述 |
---|---|
篩選器 | 可選。指定一個選擇器表示式,以縮小前一個同級元素的搜尋範圍 注意: 要返回多個同級元素,請用逗號分隔每個表示式。 |
親手嘗試 - 示例
縮小搜尋範圍
如何過濾對前一個同級元素的搜尋。
返回多個同級元素
如何使用 filter 引數返回具有 "first"、"second" 和 "third" 類名的所有 <h2> 元素的同級元素。
選擇 <p> 元素的所有前一個同級元素
如何選擇 <p> 元素的所有前一個同級元素。
選擇 <div> 的所有前一個同級 <p> 元素
如何選擇每個 <div> 元素的所有前一個同級 <p> 元素。