jquery 获取某元素的兄弟元素

获取上一个兄弟元素

在 jQuery 中，可以使用 prev() 方法获取上一个兄弟元素。该方法返回匹配元素集合中每个元素的前一个兄弟元素。

// 获取上一个兄弟元素
$('selector').prev();

如果需要筛选特定类型的上一个兄弟元素，可以传入一个选择器作为参数：

// 获取上一个兄弟元素且符合类名为 "example" 的元素
$('selector').prev('.example');

获取下一个兄弟元素

使用 next() 方法可以获取下一个兄弟元素。该方法返回匹配元素集合中每个元素的下一个兄弟元素。

// 获取下一个兄弟元素
$('selector').next();

同样可以通过传入选择器筛选特定类型的下一个兄弟元素：

// 获取下一个兄弟元素且符合类名为 "example" 的元素
$('selector').next('.example');

获取所有上一个兄弟元素

如果需要获取所有上一个兄弟元素而不仅仅是相邻的一个，可以使用 prevAll() 方法：

// 获取所有上一个兄弟元素
$('selector').prevAll();

也可以传入选择器进行筛选：

// 获取所有上一个兄弟元素且符合类名为 "example" 的元素
$('selector').prevAll('.example');

获取所有下一个兄弟元素

类似地，nextAll() 方法用于获取所有下一个兄弟元素：

// 获取所有下一个兄弟元素
$('selector').nextAll();

同样可以通过选择器筛选：

// 获取所有下一个兄弟元素且符合类名为 "example" 的元素
$('selector').nextAll('.example');


<ul>
<li>First item</li>
<li class="selected">Second Item</li>
<li>Third item</li>
<li>Fourth item</li>
<li>Fifth item</li>
</ul>
//如果要获取第二个条目之后的所有li元素，可以使用如下代码
$('li.selected').nextAll('li');

获取全部兄弟元素

使用 siblings() 方法可以获取全部兄弟元素（不包括自身）：

// 获取所有兄弟元素
$('selector').siblings();

选择器筛选同样适用：

// 获取所有兄弟元素且符合类名为 "example" 的元素
$('selector').siblings('.example');

这些方法提供了灵活的兄弟元素遍历功能，可以根据具体需求选择合适的方法。