내용이 없는 빈 요소를 선택하는 선택자 - :empty

:empty

:empty는 내용이 없는 빈 요소를 선택하는 선택자입니다.

 

기본형

$( ':empty )

예를 들어

$( 'div:empty )

는 div 요소 중 내용이 없는 것을 선택합니다.

 

예제

• 표에서 내용이 없는 셀에 N/A 문자열을 추가하는 예제입니다.

<h2>jQuery Selector - :empty</h2>
<table>
  <tr>
    <td>Lorem</td>
    <td></td>
    <td>Ipsum</td>
  </tr>
  <tr>
    <td></td>
    <td>Dolor</td>
    <td></td>
  </tr>
</table>

body {
  text-align: center;
}
table {
  width: 100%;
}
td {
  border: 1px solid #bcbcbc;
  padding: 20px;
}

$( document ).ready( function() {
  $( 'td:empty' ).append( 'N/A' );
});