jQuery 遍历 - 祖先节点
使用 jQuery,您可以向上遍历 DOM 树以查找元素的祖先节点。
祖先节点是指父节点、祖父节点、曾祖父节点等等。
向上遍历 DOM 树
三种用于向上遍历 DOM 树的有用 jQuery 方法是
parent()
parents()
parentsUntil()
jQuery parent() 方法
parent()
方法返回所选元素的直接父元素。
此方法仅向上遍历 DOM 树的一个级别。
以下示例返回每个 <span>
元素的直接父元素
jQuery parents() 方法
parents()
方法返回所选元素的所有祖先元素,一直到文档的根元素(<html>
)。
以下示例返回所有 <span>
元素的所有祖先节点
您还可以使用可选参数来过滤祖先节点的搜索。
以下示例返回所有 <span>
元素的所有祖先节点,这些祖先节点是 <ul>
元素
jQuery parentsUntil() 方法
parentsUntil()
方法返回两个给定参数之间的所有祖先元素。
以下示例返回 <span>
和 <div>
元素之间的所有祖先元素
jQuery 练习
jQuery 遍历参考
有关所有 jQuery 遍历方法的完整概述,请访问我们的 jQuery 遍历参考。