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 遍历参考。