菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

jQuery 遍历 - 后代


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

后代是子级、孙级、曾孙级等。


遍历 DOM 树

两个有用的 jQuery 方法,用于向下遍历 DOM 树是

  • children()
  • find()

jQuery children() 方法

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

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

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

示例

$(document).ready(function(){
  $("div").children();
});
自己动手试一试 »

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

以下示例返回 class 名为 "first" 的所有 <p> 元素,这些元素是 <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 练习

通过练习来测试自己

练习

使用 jQuery 方法获取 <div> 元素的所有直接子元素。

$("div").();

开始练习


jQuery 遍历参考

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


×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持