jQuery 遍历
-
jQuery 遍历
jQuery遍历,意思是“移动”,用于根据与其他元素的关系“查找”(或选择)HTML元素。从一个选择开始,然后浏览该选择,直到达到所需的元素。下图显示了作为树的HTML页面(DOM树)。使用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遍历参考手册。