前端必知必会-jQuery 遍历 - 后代

---

jQuery 遍历 - 后代

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

后代是子元素、孙元素、曾孙元素等等。

遍历 DOM 树

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

• children()
• find()

jQuery children() 方法

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

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

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

示例

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

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

以下示例返回所有类名为“first”且为 <div> 直接子元素的

元素：

示例

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

jQuery find() 方法

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

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

示例

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

以下示例返回 <div> 的所有后代：

示例

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

---

总结

本文介绍了jQuery 遍历 - 后代的使用，如有问题欢迎私信和评论