菜单
×
   ❮     
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 parentsUntil() 方法

❮ jQuery 遍历方法

示例

返回 <span> 和 <div> 之间的所有祖先元素

$(document).ready(function(){
  $("span").parentsUntil("div").css({"color": "red", "border": "2px solid red"});
});

结果

body (曾祖父)
div (祖父)
    ul (祖父母)
  • li (直接父元素) span
自己动手试一试 »

定义和用法

parentsUntil() 方法返回选择器停止之间的所有祖先元素。

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

DOM 树:该方法沿着 DOM 元素的祖先向上遍历,直到文档的根元素,直到找到指定的元素。

注意:如果两个参数都为空,此方法将返回所有祖先元素(与 parents() 方法相同)。

相关方法

  • parent() - 返回所选元素的直接父元素
  • parents() - 返回所选元素的所有祖先元素
  • closest() - 返回所选元素的第一个祖先


语法

$(选择器).parentsUntil(停止,筛选)

参数 描述
停止 可选。一个选择器表达式、元素或 jQuery 对象,指示在哪里停止搜索匹配的祖先元素
筛选器 可选。指定一个选择器表达式,用于缩小选择器停止之间祖先的搜索范围

注意:要返回多个祖先,请用逗号分隔每个表达式。

亲手尝试 - 示例

缩小搜索范围
如何同时使用两个参数来过滤搜索 <span> 和 <div> 之间的特定元素。

返回多个祖先
如何返回 <span> 和 <body> 之间的多个祖先。

DOM
使用 DOM 元素返回 <span> 和 <div> 之间的所有祖先。

使用 DOM 元素和选择器表达式来缩小搜索范围
使用 DOM 元素缩小 <span> 和 <div> 之间的 <ul> 元素的祖先搜索范围。


❮ jQuery 遍历方法

×

联系销售

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

报告错误

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

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

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