jQuery 강좌 | Selectors > :empty

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

문법

jQuery( ':empty' )

예를 들어

jQuery( 'div:empty' )

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

예제

http://book.cmsfactory.net/jQuery/V01/Selectors/empty-01.html

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

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>jQuery Selectors | :empty</title>
    <style>
      table {
        width: 100%;
      }
      td {
        border: 1px solid #bcbcbc;
        padding: 20px;
        text-align: center;
      }
    </style>
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script>
      $( document ).ready( function() {
        $( 'td:empty' ).append( 'N/A' );
      } );
    </script>
  </head>
  <body>
    <h1>jQuery Selector - :empty</h1>
    <table>
      <tr>
        <td>Lorem</td>
        <td></td>
        <td>Ipsum</td>
      </tr>
      <tr>
        <td></td>
        <td>Dolor</td>
        <td></td>
      </tr>
    </table>
  </body>
</html>

Category

Created on 2014-12-02 17:32 | Updated on 2015-07-17 00:46

이 글을 공유하기

Kakao

Book navigation