菜单
×
   ❮     
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 提供支持