parentsメソッド

parentsメソッドは、 要素のすべての親要素を取得します - 直接の親だけでなく、 祖父母、曽祖父母など、 ルート要素（つまりhtmlタグ）までさかのぼります。

構文

要素のすべての親を取得する：

javascript.parents();

指定されたセレクタに一致する親のみを選択することもできます：

javascript.parents(セレクタ);

例

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

html<div>
  <div class="www">
    <div class="www">
      <p id="test">テキスト</p>
    </div>
  </div>
</div>

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

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

html<div>
  <div class="www">
    !
    <div class="www">
      !<p id="test">テキスト</p>
    </div>
  </div>
</div>

関連項目