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> 元素。