菜单
×
   ❮     
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 树向上查找是:

  • parent()
  • parents()
  • parentsUntil()

jQuery parent() 方法

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

此方法只向上遍历 DOM 树一个级别。

下面的例子返回每个 <span> 元素的直接父元素

示例

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


jQuery parents() 方法

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

下面的例子返回所有 <span> 元素的所有祖先元素

示例

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

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

下面的例子返回所有 <span> 元素的祖先元素中,类型为 <ul> 的元素

示例

$(document).ready(function(){
  $("span").parents("ul");
});
自己动手试一试 »

jQuery parentsUntil() 方法

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

下面的例子返回 <span><div> 元素之间的所有祖先元素

示例

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

jQuery 练习

通过练习来测试自己

练习

使用 jQuery 方法获取 <span> 元素的直接父元素。

$("span").();

开始练习


jQuery 遍历参考

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


×

联系销售

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

报告错误

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

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

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