jQuery 遍历元素

什么是遍历

jQuery 遍历的意思是 "移动"，用于根据 HTML 元素与其他元素的关系 "查找"（或选择）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。

其中最大的一类遍历方法是树遍历（tree-traversal）。

接下来的章节将向我们展示如何在 DOM 树中上下左右移动。

jQuery 遍历参考

有关所有 jQuery 遍历方法的完整概述，请访问本站的 jQuery 遍历参考。