jQuery siblings() 方法
示例
返回所有类名为“start”的 <li> 元素的兄弟元素
$(document).ready(function(){
$("li.start").siblings().css({"color": "red", "border": "2px solid red"});
});
结果
ul (父级)- li (同级)
- li (同级)
- li (带有类名“start”的同级)
- li (同级)
- li (同级)
自己动手试一试 »
定义和用法
siblings() 方法返回选定元素的***所有***兄弟元素。
同级元素是指具有相同父元素的元素。
DOM 树:此方法沿着 DOM 元素的兄弟元素向前和向后遍历。
提示:使用 prev() 或 next() 方法来缩小搜索范围,仅查找前一个或后一个兄弟元素。
语法
$(selector).siblings(filter)
参数 | 描述 |
---|---|
筛选器 | 可选。指定一个选择器表达式以缩小兄弟元素的搜索范围 |
亲手尝试 - 示例
缩小搜索范围
如何同时使用这两个参数来过滤对兄弟元素的搜索。
选择每个 <div> 元素的***所有***兄弟 <p> 元素
如何缩小对每个 <div> 元素的***所有***兄弟 <p> 元素的搜索范围。