jQuery 遍历 - 同级元素

使用 jQuery，您可以在 DOM 树中横向遍历以查找元素的同级元素。

同级元素共享相同的父级。

在 DOM 树中横向遍历

jQuery 有很多实用的方法用于在 DOM 树中横向遍历

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

jQuery siblings() 方法

The siblings() 方法返回所选元素的所有同级元素。

以下示例返回 <h2> 的所有同级元素

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

以下示例返回 <h2> 的所有同级元素，这些同级元素是 <p> 元素

jQuery next() 方法

The next() 方法返回所选元素的下一个同级元素。

以下示例返回 <h2> 的下一个同级元素

jQuery nextAll() 方法

The nextAll() 方法返回所选元素的所有后续同级元素。

以下示例返回 <h2> 的所有后续同级元素

jQuery nextUntil() 方法

The nextUntil() 方法返回两个给定参数之间所有后续同级元素。

以下示例返回 <h2> 和 <h6> 元素之间的所有同级元素

jQuery prev()、prevAll() 和 prevUntil() 方法

The prev()、prevAll() 和 prevUntil() 方法的工作原理与上述方法相同，但功能相反：它们返回上一个同级元素（在 DOM 树中沿着同级元素向后遍历，而不是向前）。

jQuery 练习

$("h2").();

jQuery 遍历参考

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