html 获得父父页面的值,javascript如何获取父元素的值？

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

JavaScript中使用parent()方法来获取父元素的值：

示例：

HTML中文网

.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

运行结果：

parent() 方法：

定义和用法：

parent() 方法返回被选元素的直接父元素。

DOM 树：该方法只沿着 DOM 树向上遍历单一层级。如需向上遍历直至文档根元素的所有路径(返回祖父节点或其他祖先)，请使用 parents() 或 parentsUntil() 方法。

提示：如需沿着 DOM 树向下遍历单一层级，或向下遍历直至最后一个后代的所有路径(返回子节点或其他后代)，请使用 children() 或 find() 方法。

语法：$(selector).parent(filter)