jQuery 遍历 - 兄弟节点

使用 jQuery，您可以横向遍历 DOM 树来查找元素的兄弟节点。

兄弟节点拥有同一个父节点。

在 DOM 树中横向遍历

有许多有用的 jQuery 方法可用于在 DOM 树中横向遍历：

• siblings()
• next()
• nextAll()
• nextUntil()
• prev()
• prevAll()
• prevUntil()

jQuery siblings() 方法

siblings() 方法返回所选元素的**所有**兄弟元素。

以下示例返回所有 ` 的兄弟元素：

您还可以使用可选参数来过滤兄弟元素的搜索。

以下示例返回所有 ` 的兄弟元素中是 ` 元素的部分：

jQuery next() 方法

next() 方法返回所选元素的**下一个**兄弟元素。

以下示例返回 ` 的下一个兄弟元素：

jQuery nextAll() 方法

nextAll() 方法返回所选元素的**所有**下一个兄弟元素。

以下示例返回 ` 的所有下一个兄弟元素：

jQuery nextUntil() 方法

nextUntil() 方法返回两个指定参数之间的**所有**下一个兄弟元素。

以下示例返回 ` 和 ` 元素之间的**所有**兄弟元素：

jQuery prev(), prevAll() & prevUntil() 方法

prev()、prevAll() 和 prevUntil() 方法的工作方式与上述方法类似，但功能相反：它们返回**上一个**兄弟元素（沿着 DOM 树向后遍历兄弟元素，而不是向前）。

jQuery 练习

$("h2").();

jQuery 遍历参考

有关所有 jQuery 遍历方法的完整概述，请访问我们的 jQuery 遍历参考。