html页面查找父节点,javascript如何获取父元素？

javascript如何获取指定元素的父元素？下面本篇文章就来给大家介绍一下使用javascript获取获取指定元素父元素的方法，希望对大家有所帮助。

在javascript中，可以使用parent()方法来获取指定元素的父元素。parent()方法返回被选元素的直接父元素。使用parent()方法需要调用JavaScript的jQuery框架。

语法：$(selector).parent(filter)filter：可选。规定缩小搜索父元素范围的选择器表达式。

示例：返回 元素的直接父元素

.ancestors *{

display: block;

border: 2px solid lightgrey;

color: lightgrey;

padding: 5px;

margin: 15px;

}

$(document).ready(function(){

$("span").parent().css({"color":"red","border":"2px solid red"});

});

div (曾祖父节点)

• ul (祖父节点)
• li (直接父节点)

  span

效果图：

更多前端开发知识，请查阅 HTML中文网 ！！