JQuery遍历-祖先:
- parent()方法返回被选元素的直接父元素;
- parents()方法返回被选元素的所有祖先元素(包括<html>);
- parentUntil()方法返回介于2个给定元素之间的所有祖先元素。
<div style="width: 200px; height: 200px; background-color: red;">
<p style="width: 50px; height: 50px; background-color: yellow;">
<span style="width: 25px; height: 25px; background-color: blue;">
wzy
</span>
</p>
</div>
例如:$("span").parent()返回的是p元素,$("span").parents()返回的是p和div元素,$("span").parentsUntil("div")返回的是p元素。
JQuery遍历-后代:
- children()方法返回被选元素的所有直接子元素;
- find()方法返回被选元素的后代元素。
返回每个<div>元素的所有子元素:$("div").children().
返回类名为"1"的所有<p>元素,并且它们是<div>的直接子元素:$("div").children("p.1").
返回属于<div>后代的所有<span>元素:$("div").find("span").
返回<div>所有后代:$("div").find("*").