例
返回的直接父元素<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>元素。
縮小搜索範圍
如何使用過濾器參數返回父<li>與類名的元素"first"每<span>
返回直接父<div>每個元素<p>元素
如何返回所有直接父<div>每個元素<p>元素。
通過顯示標記名稱的元素的祖先元素
演示,顯示一個誰的祖先<span>元素實際上是。