:parent

説明補足説明コードコメント投稿

このサンプルは、jQueryのslectorのcontent filter機能を利用して子要素（親要素がある）を検索します。サンプルが表示されたら[Apply]ボタンをクリックしてください。tr要素の子要素(td要素)を検索してセルをハイライトします。子要素(td)に値が宣言されているときのみ検索対象になります。

このサンプルは、jQueryのslectorのcontent filter機能を利用して子要素（親要素がある）を検索します。サンプルが表示されたら[Apply]ボタンをクリックしてください。tr要素の子要素(td要素)を検索してセルをハイライトします。子要素(td)に値が宣言されているときのみ検索対象になります。

親要素を持つ子要素を検索するには、jQueryのselectorに「:parent」を付加します。たとえば、td要素を検索するには「td:parent」のように記述します。なお、td要素に値が宣言されているときのみ検索対象になります。ここでは、値が宣言されているtd要素を検索してセルをハイライトさせます。 

$("td:parent").addClass("highlight2");

<table border="1">
  <tr><td>TD #0</td><td></td></tr>
  <tr><td></td><td>TD #3</td></tr>
  <tr><td>TD #4</td><td></td></tr>    
</table>