jQueryでの全ての親要素の検索

メソッド parent は、要素の直接の親を取得します。要素の直接の親だけでなく、祖父母、曽祖父母など、ルート要素までのすべての親を取得するには、メソッド parents を使用します。

次の例では、以下のHTMLコードを考えます：

<div>
	<div class="www">
		<div class="www">
			<p id="test">text</p>
		</div>
	</div>
</div>

次に、要素 #test を見つけ、 parents を使用してそのすべての親を取得し、それらがクラス www を持つ div 親である場合、その前にテキスト '!' を追加します：

$('#test').parents('div.www').prepend('!');

タグ b のすべての親を見つけ、クラス test を持つものは赤色に塗りつぶしてください。