jQuery 遍历 - 后代

使用 jQuery，您可以遍历 DOM 树以查找元素的后代。

后裔是指孩子、孙子、曾孙等。

向下遍历 DOM 树

用于遍历 DOM 树的两个有用的 jQuery 方法是：

这个children()方法返回所选元素的所有直接子元素。

此方法仅遍历 DOM 树的单层。

以下示例返回作为每个元素的直接子元素的所有元素<div>要素：

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

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

以下示例返回所有<p>具有类名 "first" 的元素，它们是<div>:

$(document).ready(function(){
$("div").children("p.first");
});

这个find()方法返回所选元素的后代元素，一直到最后一个后代。

以下示例返回所有<span>的后代元素<div>:

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

以下示例返回<div>:

$(document).ready(function(){
$("div").find("*");
});

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