Latest web development tutorials

jQuery parent() 方法

jQuery 遍歷方法 jQuery遍歷方法

實例

返回<span> 的直接父元素:

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

結果:

body (great-great-grandparent)
div (great-grandparent)
    ul (grandparent)
  • li (direct parent) span

嘗試一下»

定義和用法

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

DOM樹:該方法只沿著DOM樹向上遍歷單一層級。 如需向上遍歷直至文檔根元素的所有路徑(返回祖父節點或其他祖先),請使用parents()parentsUntil()方法。

提示:如需沿著DOM樹向下遍歷單一層級,或向下遍歷直至最後一個後代的所有路徑(返回子節點或其他後代),請使用children()find()方法。


語法

$(selector).parent( filter )

参数 描述
filter 可选。规定缩小搜索父元素范围的选择器表达式。


實例

更多實例

返回<span>元素的直接父元素
如何返回<span> 元素的直接父元素。

縮小搜索範圍
如何使用filter 參數來返回每個<span> 的父元素中帶有類名"1" 的<li> 元素。

返回每個<p>元素的直接父元素中的<div>元素
如何返回每個<p> 元素的所有直接父元素中的<div> 元素。

通過標籤名演示元素的祖先元素
演示<span> 元素的祖先。


jQuery 遍歷方法 jQuery遍歷方法