jQuery parentsUntil() 方法
示例
返回 <span> 和 <div> 之间的所有祖先元素
$(document).ready(function(){
$("span").parentsUntil("div").css({"color": "red", "border": "2px solid red"});
});
结果
body (曾祖父)div (祖父)ul (祖父母)- li (直接父元素) span
自己动手试一试 »
定义和用法
parentsUntil() 方法返回选择器和停止之间的所有祖先元素。
祖先是父级、祖父级、曾祖父级等。
DOM 树:该方法沿着 DOM 元素的祖先向上遍历,直到文档的根元素,直到找到指定的元素。
注意:如果两个参数都为空,此方法将返回所有祖先元素(与 parents() 方法相同)。
相关方法
语法
$(选择器).parentsUntil(停止,筛选)
参数 | 描述 |
---|---|
停止 | 可选。一个选择器表达式、元素或 jQuery 对象,指示在哪里停止搜索匹配的祖先元素 |
筛选器 | 可选。指定一个选择器表达式,用于缩小选择器和停止之间祖先的搜索范围 注意:要返回多个祖先,请用逗号分隔每个表达式。 |
亲手尝试 - 示例
缩小搜索范围
如何同时使用两个参数来过滤搜索 <span> 和 <div> 之间的特定元素。
返回多个祖先
如何返回 <span> 和 <body> 之间的多个祖先。
DOM
使用 DOM 元素返回 <span> 和 <div> 之间的所有祖先。
使用 DOM 元素和选择器表达式来缩小搜索范围
使用 DOM 元素缩小 <span> 和 <div> 之间的 <ul> 元素的祖先搜索范围。