父亲节html代码,jquery怎么获取父亲节点？

jquery怎么获取父亲节点？下面本篇文章给大家介绍一下使用jquery获取父亲节点的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

在jquery中，可以使用parent()方法或parents()方法来获取父亲节点。parent() 方法返回被选元素的直接父节点；parents() 方法返回被选元素的所有父节点。

parent()方法

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

DOM 树：该方法只沿着 DOM 树向上遍历单一层级。

示例：

.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

效果图：

parents()方法

parents() 方法返回被选元素的所有祖先元素。

祖先是父、祖父、曾祖父，依此类推。

DOM 树：该方法从父元素向上遍历 DOM 元素的祖先，直至文档根元素的所有路径()。

示例：

.ancestors *{

display: block;

border: 2px solid lightgrey;

color: lightgrey;

padding: 5px;

margin: 15px;

}

$(document).ready(function(){

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

});

div (曾祖父节点)

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

  span

效果图：

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