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中文網 ！！

總結

以上是生活随笔為你收集整理的父亲节html代码,jquery怎么获取父亲节点？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。