例
直接の親要素を返します<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>要素は、実際にあります。