jquery 兄弟

jQuery 兄弟元素选择方法

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

siblings() 方法
选择所有同级元素（不包括自己）：

$('selector').siblings();

筛选特定条件的兄弟元素：

$('selector').siblings('.class-name');

next() 和 prev() 方法
选择紧邻的下一个或上一个兄弟元素：

$('selector').next();
$('selector').prev();

扩展选择后续或前面的多个兄弟元素：

$('selector').nextAll();
$('selector').prevAll();

nextUntil() 和 prevUntil() 方法
选择直到某个元素之前或之后的所有兄弟元素：

$('selector').nextUntil('.stop-class');
$('selector').prevUntil('.stop-class');

示例代码

选择所有兄弟元素并添加样式：

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

选择下一个兄弟元素：

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

选择所有后续兄弟元素直到某个类：

$('#target').nextUntil('.end').addClass('highlight');

注意事项

• siblings() 不包含自身，仅返回同级的其他元素。
• next() 和 prev() 只返回一个元素，而 nextAll() 和 prevAll() 返回所有符合条件的元素。
• 参数可以传递选择器字符串，用于进一步筛选兄弟元素。