本文介绍了 jquery parent() 方法返回被选元素的直接父元素。
jquery parent() 方法返回被选元素的直接父元素。
DOM 树:该方法只沿着 DOM 树向上遍历单一层级。如需向上遍历直至文档根元素的所有路径(返回祖父节点或其他祖先),请使用 parents() 或 parentsUntil() 方法。
语法:
$(selector).parent(filter)
参数
- filter : 可选。规定缩小搜索父元素范围的选择器表达式。
实例:
</script>
<script>
$(document).ready(function(){
$("span").parent().css({"color":"red","border":"2px solid red"});
});
</script>
<body class="ancestors">body (曾曾祖父节点)
<div style="width:500px;">div (曾祖父节点)
<ul>ul (祖父节点)
<li>li (直接父节点)
<span>span</span>
</li>
</ul>
</div>
</body>
结果:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
li (direct parent) span
发表评论
取消回复