parentセレクター

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

構文

親要素の取得:

javascript$(':parent');

例

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

html<table>
  <tr><td>aaa</td><td></td></tr>
  <tr><td>bbb</td><td></td></tr>
  <tr><td>ccc</td><td></td></tr>
</table>

csstable {
  border: 1px;
}

td {
  width: 40px;
  background: green;
} 

javascript$('td:parent').css({background: '#ccc'});

関連項目