parentセレクター
セレクター :parent は親である要素(つまり、要素やテキストを含む空でない要素)を選択します。
jQueryセットの親や祖先を取得するには、
メソッド parent と
parents を参照してください。
: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'});