jQuery :empty 셀렉터

by JM note

HTML

<style>
div,td { width:100px; height:30px; border:1px solid #aaa; }
</style>

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$(function() {
  $(':empty').text('--').css('background', 'yellow');
});
</script>

<table>
<tr><td>1</td><td></td><td>2</td></tr>
<tr><td></td><td>3</td><td>4</td></tr>
</table>

<div>안녕</div>
<div>친구들</div>
<div></div>