📌  相关文章
📜  如何使用 jQuery 选择元素的所有兄弟元素?(1)

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

如何使用 jQuery 选择元素的所有兄弟元素?

有时候我们需要对某个元素的所有兄弟元素进行操作,使用 jQuery 可以很方便地实现这个目标。以下是几个常用的方法:

1. siblings() 方法

siblings() 方法可以选择所有兄弟元素,可以通过传入一个选择器来筛选兄弟元素。

例如,我们要选中 id 为 myDiv 的元素的所有兄弟元素:

$('#myDiv').siblings();

如果我们只想选中类名为 myClass 的兄弟元素:

$('#myDiv').siblings('.myClass');
2. nextAll() 方法

nextAll() 方法可以选择当前元素后面的所有兄弟元素,同样也可以通过传入一个选择器来筛选。

例如,我们要选中 id 为 myDiv 的元素后面的所有兄弟元素:

$('#myDiv').nextAll();

如果我们只想选中类名为 myClass 的后面兄弟元素:

$('#myDiv').nextAll('.myClass');
3. prevAll() 方法

prevAll() 方法与 nextAll() 方法相反,可以选择当前元素前面的所有兄弟元素,同样也可以通过传入一个选择器来筛选。

例如,我们要选中 id 为 myDiv 的元素前面的所有兄弟元素:

$('#myDiv').prevAll();

如果我们只想选中类名为 myClass 的前面兄弟元素:

$('#myDiv').prevAll('.myClass');

以上是几个常用的选择元素的所有兄弟元素的方法,使用起来相当方便。