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 遍歷參考。