parentsメソッド
parentsメソッドは、
要素のすべての親要素を取得します - 直接の親だけでなく、
祖父母、曽祖父母など、
ルート要素(つまりhtmlタグ)までさかのぼります。
構文
要素のすべての親を取得する:
.parents();
指定されたセレクタに一致する親のみを選択することもできます:
.parents(セレクタ);
例
要素#testを見つけ、
parentsを使用してそのすべての親を取得し、
それらがクラスwwwを持つdiv親である場合、
prependを使用して
先頭にテキスト'!'を追加してみましょう:
<div>
<div class="www">
<div class="www">
<p id="test">テキスト</p>
</div>
</div>
</div>
$('#test').parents('div.www').prepend('!');
HTMLコードは次のようになります:
<div>
<div class="www">
!
<div class="www">
!<p id="test">テキスト</p>
</div>
</div>
</div>
関連項目
-
メソッド
parent、
要素の直接の親を取得できます -
メソッド
parentsUntil、
指定された親までのすべての親要素を取得できます -
メソッド
closest、
セレクタに一致する最も近い親要素を取得できます -
メソッド
contents、
要素の子孫とその要素内のテキストを取得できます