- 0133技术站
- 联系QQ：18840023
- QQ交流群
- 微信公众号
蹊下
更新时间：2019-03-02 15:34:01
jQuery parentsUntil() 方法
定义和用法
parentsUntil() 方法返回介于 selector 与 stop 之间的所有祖先元素。
祖先是父、祖父、曾祖父，依此类推。
DOM 树：该方法从父元素向上遍历 DOM 元素的祖先，直至文档根元素的所有路径，直到到达指定的元素为止。
注意：如果两个参数都为空，该方法将返回所有祖先元素（与 parents() 方法相同）。
相关方法：
parent() ： 返回被选元素的直接父元素
parents() ： 返回被选元素的所有祖先元素
closest() ： 返回被选元素的第一个祖先
语法
$(selector).parentsUntil(stop,filter)
| 参数 | 描述 |
| stop | 可选。表示在哪里停止搜索匹配的祖先元素的选择器表达式、元素、jQuery 对象。 |
| filter | 可选。规定缩小搜索介于 selector 与 stop 之间的祖先元素范围的选择器表达式 注意：如需返回多个祖先元素，请使用逗号分隔每个表达式。 |
<style>
.ancestors *{
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("span").parentsUntil("div").css({"color":"red","border":"2px solid red"});
});
</script>
</head>
<body class="ancestors"> body (曾曾祖父节点)
<div style="width:500px;">div (曾祖父节点)
<ul>ul (祖父节点)
<li>li (直接父节点)
<span>span</span>
</li>
</ul>
</div>
</body>点击 "运行实例" 按钮查看在线实例
效果图：
推荐手册