반응형
: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>
반응형
'Programming > Javascript, jQuery' 카테고리의 다른 글
| javascript 자바스크립트 클로저 (Closure) (0) | 2016.12.07 |
|---|---|
| jQuery 요소 있는지 검사 (0) | 2016.12.07 |
| javascript access data attriute (데이터 속성 값 가져오기) (0) | 2016.12.07 |
| javascript jQuery To JSON (0) | 2016.12.06 |
| javascript convert Array TO JSON (배열 JOSN 변환) (0) | 2016.12.05 |