jQuery 遍歷
什麼是遍歷?
jQuery 遍歷,也稱為“導航”,用於根據 HTML 元素與其他元素的關係來“查詢”(或選擇)它們。從一個選擇開始,然後沿著它進行導航,直到找到所需的元素。
下圖以樹形結構(DOM 樹)說明了一個 HTML 頁面。使用 jQuery 遍歷,您可以輕鬆地在樹中向上(祖先)、向下(後代)和橫向(兄弟)移動,從選定的(當前)元素開始。這種移動稱為遍歷——或沿著——DOM 樹進行移動。

插圖說明
- <div> 元素是 <ul> 的父級,也是其內部所有元素的祖先。
- <ul> 元素是兩個 <li> 元素的父級,是 <div> 的子級。
- 左側的 <li> 元素是 <span> 的父級,是 <ul> 的子級,也是 <div> 的後代。
- <span> 元素是左側 <li> 的子級,也是 <ul> 和 <div> 的後代。
- 兩個 <li> 元素是兄弟(它們共享同一個父級)。
- 右側的 <li> 元素是 <b> 的父級,是 <ul> 的子級,也是 <div> 的後代。
- <b> 元素是右側 <li> 的子級,也是 <ul> 和 <div> 的後代。
祖先是父級、祖父級、曾祖父級等。
後代是子級、孫級、曾孫級等。
兄弟共享同一個父級。
遍歷 DOM
jQuery 提供了多種方法,允許我們遍歷 DOM。
最大的遍歷方法類別是樹遍歷。
接下來的章節將展示如何在 DOM 樹中向上、向下和橫向移動。
jQuery 遍歷參考
有關所有 jQuery 遍歷方法的完整概述,請訪問我們的 jQuery 遍歷參考。