Menu
×
   ❮     
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 元素与其他元素的关系来“查找”(或选择) HTML 元素。从一个选择开始,并遍历该选择,直到到达所需的元素。

下图将 HTML 页面表示为树(DOM 树)。使用 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 遍历参考


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.