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

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

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

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

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

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