您还不是vip会员或者没有登录，无法进入学习，请登录后访问或者联系站长升级会员等级！
为了能给大家提供更好的服务和视频教程，本站VIP课程需要收取一定的学费，具体收费标准根据不同的班级课程和有效期长短有所不同，具体请咨询在线老师，多谢您对本站的支持！
jquery教程32：jquery如何遍历节点元素
1、什么是遍历？
jQuery 遍历(Traversal)有“移动”的意思，主要指根据相对于其他元素的关系来“查找”（或选取）HTML 元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。
下图展示了一个家族树。通过 jQuery 遍历，能够从被选（当前的）元素开始，轻松地在家族树中向上移动（祖先），向下移动（子孙），水平移动（同胞）。这种移动被称为对 DOM 进行遍历。
2、jQuery 遍历 - 祖先
祖先是父、祖父或曾祖父等等。通过 jQuery，您能够向上遍历 DOM 树，以查找元素的祖先。向上遍历 DOM 树的 jQuery 方法主要有以下几个：parent()、parents()、 Closest() 、parentsUntil()
parent() 方法返回被选元素的直接父元素。该方法只会向上一级对 DOM 树进行遍历。
例如：$("span").parent();
parents() 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素 (<html>)。
例如：$("span").parents();
Closest()从当前元素开始向上查找，查找到一个匹配对象。
例如： $(‘li.item-a‘).closest(‘ul‘).css(‘background-color‘, ‘red‘);
parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。例如：
例如返回介于 <span> 与 <div> 元素之间的所有祖先元素(不包含span、div元素本身)：
$("span").parentsUntil("div");
3、jQuery 遍历 -后代
后代是子、孙、曾孙等等。通过 jQuery能够向下遍历 DOM 树，以查找元素的后代。向下 遍历 DOM 树的 jQuery 方法主要有以下几个： children()、find() 。
children() 方法返回被选元素的所有直接子元素。该方法只会向下一级对 DOM 树进行遍历。
实例：下面的例子返回每个 <div> 元素的所有直接子元素：
$(“div”).children();
下面的例子返回类名为 "1" 的所有 <p> 元素，并且它们是 <div> 的直接子元素： $("div").children("p.1");
find() 方法返回被选元素的后代元素，一路向下直到最后一个后代。
例如下面的例子返回属于 <div> 后代的所有 <span> 元素： $("div").find("span");
下面的例子返回 <div> 的所有后代：$("div").find("*");
上一讲：jquery教程31：jquery实现鼠标拖动DIV的位置 | 下一讲：jquery教程33：使用siblings遍历同胞元素
 |
豫公网安备 41010202002486号 | ICP备案：豫ICP备18044432号-1 |
QQ在线咨询 
