parentメソッド

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

構文

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

.parent();

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

.parent(セレクタ);

まず要素#testを見つけ、 parentを使用してその親を取得し、 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>

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

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

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

要素#testを見つけ、 parentを使用してその親を取得し、その親がクラスwwwを持つdivである場合に、 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>

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

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

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