jQuery 遍历 - 祖先

使用 jQuery，您可以遍历 DOM 树来查找元素的祖先。

祖先是父母、祖父母、曾祖父母等。

向上遍历 DOM 树

用于遍历 DOM 树的三种有用的 jQuery 方法是：

这个parent()方法返回所选元素的直接父元素。

此方法仅遍历 DOM 树上的单个级别。

以下示例返回每个元素的直接父元素<span>要素：

$(document).ready(function(){
$("span").parent();
});

这个parents()方法返回所选元素的所有祖先元素，一直到文档的根元素（<html>）。

以下示例返回所有的所有祖先<span>要素：

$(document).ready(function(){
$("span").parents();
});

您还可以使用可选参数来过滤祖先的搜索。

以下示例返回所有的所有祖先<span>元素是<ul>要素：

$(document).ready(function(){
$("span").parents("ul");
});

这个parentsUntil()方法返回两个给定参数之间的所有祖先元素。

以下示例返回 a 之间的所有祖先元素<span>和一个<div>元素：

$(document).ready(function(){
$("span").parentsUntil("div");
});

有关所有 jQuery 遍历方法的完整概述，请访问我们的jQuery 遍历参考。