jQuery siblings() 方法

2023-10-29 848 次浏览 0 评论

实例

返回带有类名 "start" 的每个 <li> 元素的所有同级元素：

$(document).ready(function(){ $("li.start").siblings().css({"color": "red", "border": "2px solid red"});
});

结果:

ul (parent) li (sibling) li (sibling) li (sibling with class name "start") li (sibling) li (sibling)

siblings() 方法返回被选元素的所有同级元素。

同级元素是共享相同父元素的元素。

DOM 树：该方法沿着 DOM 元素的同级元素向前和向后遍历。

提示：请使用 prev() 或 next() 方法来缩小仅仅搜索前一个同级元素或后一个同级元素的范围。

$(selector).siblings(filter)

参数	描述
filter	可选。规定缩小搜索同级元素范围的选择器表达式。