jQuery parent() 直接父元素获取

本文介绍了 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
上一篇 下一篇


推荐文章

评论
说点什么吧?

发表评论

取消回复
  最新文章