セレクター empty

セレクター :empty は、 子孫要素を持たない要素（つまり、要素もテキストも含まれていない空の要素）を選択します。

構文

空の要素を取得する:

javascript$(':empty');

例

背景が緑色の 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:empty').css({background: '#ccc'});

関連項目