jQuery | .siblings()

介绍

jQuery中的.siblings()方法用于获得被选元素的所有兄弟元素。兄弟元素是指与被选元素具有相同父元素的所有元素。

语法

$(selector).siblings(filter)

• selector：要查找兄弟元素的元素选择器。
• filter：可选参数，用于筛选要返回的兄弟元素。

示例

HTML代码：

<div>
  <p>first</p>
  <p>second</p>
  <p class="selected">third</p>
  <p>forth</p>
</div>

JavaScript代码：

$(document).ready(function(){
  $("p.selected").siblings().css("background-color", "yellow");
});

这个例子中，我们选择了类名为selected的元素，通过.siblings()方法获取其它兄弟元素，然后将它们的背景颜色设置为黄色。

返回值

.siblings()方法返回包含被选元素所有兄弟元素的jQuery对象。

可选参数

可以在.siblings()方法中传入一个可选的筛选器参数。筛选器参数可以是选择器表达式，用于筛选要返回的兄弟元素。

下面是一个筛选器参数的例子：

$(document).ready(function(){
  $("p.selected").siblings(".red").css("color", "red");
});

这个例子中，我们选择了类名为selected的元素，通过.siblings()方法获取其它兄弟元素中类名为red的元素，然后将它们的颜色设置为红色。

总结

.siblings()方法可以用于获取被选元素的所有兄弟元素，并且我们可以通过可选的筛选器参数来筛选需要返回的兄弟元素。