jQuery parent() 方法
實例
返回<span> 的直接父元素:
$(document).ready(function(){
$("span").parent().css({"color":"red","border":"2px solid red"});
});
$("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> 元素的祖先。