jquery 同级

jQuery 同级元素选择方法

在jQuery中，选择同级元素可以通过多种方法实现。以下是几种常用的方式：

next() 方法 选择当前元素的下一个同级元素：

$('#current').next();

prev() 方法 选择当前元素的上一个同级元素：

$('#current').prev();

siblings() 方法 选择当前元素的所有同级元素：

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

nextAll() 方法 选择当前元素之后的所有同级元素：

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

prevAll() 方法 选择当前元素之前的所有同级元素：

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

nextUntil() 方法 选择当前元素到指定元素之间的所有同级元素：

$('#current').nextUntil('#target');

prevUntil() 方法 选择当前元素到指定元素之间的所有同级元素：

$('#current').prevUntil('#target');

示例代码

选择所有同级元素并添加样式：

$('#current').siblings().css('color', 'red');

选择下一个同级元素并隐藏：

$('#current').next().hide();

注意事项

• 这些方法返回的都是jQuery对象，可以链式调用其他jQuery方法。
• 如果没有找到匹配的同级元素，返回的jQuery对象长度将为0。
• 可以通过传入选择器参数来过滤匹配的同级元素，例如$('#current').siblings('.active')。