最新の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のトラバース方法