祖先是父母,祖父母,曾祖父母,依此类推。
与jQuery你可以向上遍历DOM树找到一个元素的祖先。
向上遍历DOM树
三个有用的jQuery方法遍历了DOM树是:
- parent()
- parents()
- parentsUntil()
jQuery的parent()方法
在parent()方法返回所选元素的直接父元素。
此方法仅遍历单个级上的DOM树。
下面的示例返回各自的直接父元素<span>元素:
jQuery的parents()方法
该parents()方法返回所选元素的所有祖先元素,一路攀升到文档的根元素(<html>)
下面的示例返回所有的所有祖先<span>元素:
你也可以使用一个可选的参数来筛选祖先搜索。
下面的示例返回所有的所有祖先<span>元素是<ul>元素:
jQuery的parentsUntil()方法
该parentsUntil()方法返回两个给定的参数之间的所有祖先元素。
下面的示例返回之间的所有祖先元素<span>和<div>元素:
自测练习用!
jQuery的参考遍历
对于所有的jQuery遍历方法完整概述,请访问我们的jQuery遍历参考 。