最新的Web開發教程
 

jQuery parent() Method

<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>元素。

縮小搜索範圍
如何使用過濾器參數返回父<li>與類名的元素"first"<span>

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

通過顯示標記名稱的元素的祖先元素
演示,顯示一個誰的祖先<span>元素實際上是。


<jQuery的遍歷方法