📅 最后修改于: 2023-12-03 15:02:14.149000 🧑 作者: Mango
在jQuery中，兄弟姐妹（siblings）是一组具有相同父级的元素集合。使用siblings()方法可以轻松地获取这组元素。
siblings()方法用于获取与选定元素有同一个父元素的所有兄弟元素（不包括其本身）。以下是一个基本的使用示例：
$(selector).siblings();
这个方法能够接受一个可选的选择器，以便筛选出符合条件的元素。
$(selector).siblings(filter);
假设我们有以下HTML代码：
<body>
<div class="parent">
<div class="child1">Child 1</div>
<div class="child2">Child 2</div>
<div class="child3">Child 3</div>
<div class="child4">Child 4</div>
<div class="child5">Child 5</div>
</div>
</body>
首先，我们可以使用以下代码选择所有的兄弟姐妹元素：
$('.child1').siblings();
这将返回所有的 .child1 元素的兄弟姐妹元素，即所有的 .child2、 .child3、.child4和 .child5 元素。
我们也可以使用以下代码来选择所有的具有 class 为 child 的元素的兄弟姐妹元素：
$('.child').siblings();
如果我们只想筛选class为 child2的兄弟姐妹，可以使用以下代码：
$('.child2').siblings('.child');
这将返回具有class为child的 .child1、.child3、.child4 和 .child5 元素。
使用jQuery的siblings()方法可以方便地获取与选定元素有同一个父元素的所有兄弟元素。可以使用可选的筛选器来进一步筛选出符合条件的元素。