Home
jQuery

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

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

로딩 중... 잠시만 기다려주세요.
자바스크립트를 허용해주세요.

Post a Comment