選單
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

jQuery 遍歷


什麼是遍歷?

jQuery 遍歷,也稱為“導航”,用於根據 HTML 元素與其他元素的關係來“查詢”(或選擇)它們。從一個選擇開始,然後沿著它進行導航,直到找到所需的元素。

下圖以樹形結構(DOM 樹)說明了一個 HTML 頁面。使用 jQuery 遍歷,您可以輕鬆地在樹中向上(祖先)、向下(後代)和橫向(兄弟)移動,從選定的(當前)元素開始。這種移動稱為遍歷——或沿著——DOM 樹進行移動。

jQuery Dimensions

插圖說明

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


×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業,請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤,或想提出建議,請傳送電子郵件給我們
help@w3schools.com

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援