例
返回之间的所有祖先元素<span>和<div>
$(document).ready(function(){
$("span").parentsUntil("div").css({"color": "red", "border": "2px
solid red"});
});
结果:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
试一试» 定义和用法
该parentsUntil()方法返回选择器和站之间的所有祖先元素。
祖先是父母,祖父母,曾祖父母,依此类推。
DOM树:此方法从父元素遍历向上沿DOM元素的祖先,直到文档的根元素了一路,直到它到达一个特定的元素。
注意:如果两个参数都是空的,此方法将返回所有祖先元素(同parents()方法)。
相关的方法:
句法
$(selector).parentsUntil( stop,filter )
参数 | 描述 |
---|---|
stop | 可选的。 选择器表达式,元素或jQuery对象,指示在何处停止搜索匹配的祖先元素 |
filter | 可选的。 指定选择表达缩小了选择和停止之间的祖先搜索 注意:要返回多个祖先,每个表达式用逗号分隔。 |
试一试 - 示例
缩小搜索范围
如何使用这两个参数来筛选之间的特定元素的搜索<span>和<div>
返回多个祖先
如何与返回多个祖先<span>和<body>
DOM
返回之间的所有祖先<span>和<div>使用DOM元素。
使用DOM元素和选择表达式过滤搜索
使用DOM元素缩小为始祖搜索<ul>的元素<span>和<div>