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() 方法缩小搜索范围,仅查找前一个或下一个同胞元素。
语法
$(选择器).siblings(过滤器)
参数 | 描述 |
---|---|
过滤器 | 可选。指定一个选择器表达式以缩小对同胞元素的搜索范围 |
亲自试一试 - 示例
缩小搜索范围
如何使用这两个参数来过滤对同胞元素的搜索。
选择每个<div>元素的所有同胞<p>元素
如何缩小对每个<div>元素的所有同胞<p>元素的搜索范围。