jQuery 遍历 - 祖先元素
使用 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 遍历方法的完整概述,请访问我们的 jQuery 遍历参考。