jquery查找同级元素

jQuery 查找同级元素的方法

在 jQuery 中，查找同级元素可以通过多种方法实现。以下是一些常用的方式：

siblings() 方法

siblings() 方法返回被选元素的所有同级元素，可以通过选择器进一步筛选。

// 获取所有同级元素
$("selector").siblings();

// 获取特定类型的同级元素（例如 class 为 .highlight 的同级元素）
$("selector").siblings(".highlight");

next() 和 prev() 方法

next() 方法返回被选元素的下一个同级元素，prev() 方法返回被选元素的上一个同级元素。

// 获取下一个同级元素
$("selector").next();

// 获取上一个同级元素
$("selector").prev();

// 获取下一个特定类型的同级元素
$("selector").next(".highlight");

nextAll() 和 prevAll() 方法

nextAll() 方法返回被选元素之后的所有同级元素，prevAll() 方法返回被选元素之前的所有同级元素。

// 获取之后的所有同级元素
$("selector").nextAll();

// 获取之前的所有同级元素
$("selector").prevAll();

// 获取之后特定类型的同级元素
$("selector").nextAll(".highlight");

nextUntil() 和 prevUntil() 方法

nextUntil() 方法返回被选元素之后直到匹配选择器的所有同级元素，prevUntil() 方法返回被选元素之前直到匹配选择器的所有同级元素。

// 获取之后直到 .stop 的所有同级元素
$("selector").nextUntil(".stop");

// 获取之前直到 .stop 的所有同级元素
$("selector").prevUntil(".stop");

结合过滤器

可以使用 filter() 方法进一步筛选同级元素。

// 筛选出 class 为 .active 的同级元素
$("selector").siblings().filter(".active");

这些方法可以根据实际需求灵活组合使用，以实现对同级元素的精确查找和操作。