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'});

참고 항목