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 遍历参考。