📜  jQuery siblings()方法(1)

📅  最后修改于: 2023-12-03 15:02:11.635000             🧑  作者: Mango

jQuery siblings()方法介绍

jQuery siblings()方法用于获取指定元素的所有兄弟元素。

语法
$(selector).siblings(filter);

参数说明:

  • selector:可选参数,用于筛选兄弟元素的选择器表达式。
  • filter:可选参数,用于进一步筛选兄弟元素的选择器表达式。
返回值

siblings()方法会返回一个包含所有满足筛选条件的兄弟元素的jQuery对象。

示例

假设我们有以下HTML结构:

<ul>
  <li class="item">第1项</li>
  <li class="item">第2项</li>
  <li class="active">第3项</li>
  <li class="item">第4项</li>
  <li class="item">第5项</li>
</ul>

我们可以通过以下代码获取第3项元素的兄弟元素:

var siblings = $('li.active').siblings();

这里我们没有传递任何参数,因此返回的是指定元素的所有兄弟元素。得到的siblings对象包含了所有item类元素,不包含自身。

我们也可以传递一个过滤器参数,只返回满足过滤器条件的兄弟元素:

var siblings = $('li.active').siblings('.item');

这里我们传递了一个过滤器,只返回class为item的元素。

总结

siblings()方法是一个常用的jQuery方法,用于获取指定元素的兄弟元素。我们可以通过传递参数对返回的兄弟元素进行进一步的筛选。