Menu
×
   ❮     
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() 方法返回 selectorstop 之间的所有祖先元素。

祖先元素是指父级、祖父级、曾祖父级等等。

DOM 树:此方法从父级元素开始向上遍历 DOM 元素的祖先,一直到文档的根元素,直到到达指定的元素。

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

相关方法

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


语法

$(selector).parentsUntil(stop,filter)

参数 描述
stop 可选。一个选择器表达式、元素或 jQuery 对象,指示停止搜索匹配的祖先元素的位置
filter 可选。指定一个选择器表达式,以缩小 selectorstop 之间祖先的搜索范围

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

亲自尝试 - 示例

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

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

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

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


❮ jQuery 遍历方法

×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.