42 of 119 menu

parentsメソッド

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

構文

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

.parents();

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

.parents(セレクタ);

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

<div> <div class="www"> <div class="www"> <p id="test">テキスト</p> </div> </div> </div> $('#test').parents('div.www').prepend('!');

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

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

関連項目

  • メソッドparent
    要素の直接の親を取得できます
  • メソッドparentsUntil
    指定された親までのすべての親要素を取得できます
  • メソッドclosest
    セレクタに一致する最も近い親要素を取得できます
  • メソッドcontents
    要素の子孫とその要素内のテキストを取得できます
日本語
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItalianoქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
当サイトでは、サイトの動作、分析、パーソナライゼーションのためにクッキーを使用しています。 データ処理はプライバシーポリシーに従って行われます。
すべて受け入れる 設定 拒否