78 of 119 menu

parentセレクター

セレクター :parent は親である要素(つまり、要素やテキストを含む空でない要素)を選択します。 jQueryセットの親や祖先を取得するには、 メソッド parentparents を参照してください。 :parent はCSS仕様には含まれていないため、 現代のブラウザでのパフォーマンスを向上させるには、 最初に純粋なCSSセレクターを使用して要素をフィルタリングし、 その後 .filter(':parent') を適用するのがよいでしょう。

構文

親要素の取得:

$(':parent');

緑色の背景を持つ table があります。親である td セルを見つけて灰色に着色してみましょう:

<table> <tr><td>aaa</td><td></td></tr> <tr><td>bbb</td><td></td></tr> <tr><td>ccc</td><td></td></tr> </table> table { border: 1px; } td { width: 40px; background: green; } $('td:parent').css({background: '#ccc'});

関連項目

  • 空の要素を選択するセレクター empty,
  • 要素の直接の親を取得するメソッド parent,
  • 子孫を持たない要素(テキストノードを含む)を選択するメソッド parents,
日本語
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
当サイトでは、サイトの動作、分析、パーソナライゼーションのためにクッキーを使用しています。 データ処理はプライバシーポリシーに従って行われます。
すべて受け入れる 設定 拒否