parentメソッド

parentメソッドは、 要素の直接の親を取得します。

構文

要素の直接の親を取得する:

javascript.parent();

指定されたセレクタを満たす場合にのみ、 直接の親を選択することもできます:

javascript.parent(セレクタ);

例

まず要素#testを見つけ、 parentを使用してその親を取得し、 htmlメソッドで テキスト'!'を設定しましょう:

html<p>outside</p>
<div>
  <p>inside</p>
  <p>inside</p>
  <p id="test">inside</p>
  <p>inside</p>
  <p>inside</p>
</div>
<p>outside</p>

javascript$('#test').parent().html('!');

HTMLコードは次のようになります:

html<p>outside</p>
<div>
  !
</div>
<p>outside</p>

例

要素#testを見つけ、 parentを使用してその親を取得し、 その親がクラスwwwを持つdivである場合に、 htmlメソッドで テキスト'!'を設定しましょう:

html<p>outside</p>
<div class="www">
  <p>inside</p>
  <p>inside</p>
  <p id="test">inside</p>
  <p>inside</p>
  <p>inside</p>
</div>
<p>outside</p>

javascript$('#test').parent('div.www').html('!');

HTMLコードは次のようになります:

html<p>outside</p>
<div class="www">
  !
</div>
<p>outside</p>

関連項目