<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery parentsUntil()</title>
<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>
/*参考:https://www.runoob.com/jquery/jquery-traversing-ancestors.html
* 知识点:
* parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。
* */
// 设置介于 span div 两个元素之间的 所有祖先元素的样式。
$(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>
</html>
jquery 遍历parentsUntil().html
最新推荐文章于 2022-07-12 18:09:14 发布