Check if div is or not empty jQuery

Check if div is or not empty jQuery

by Petr Haluza

HTML

<div id="id1" class="class1">Yo man</div>
<div id="id1" class="class1"></div>
<div id="id1" class="class1">d</div>
<div id="id1" class="class1">Yo man</div>
<div id="id1" class="class1"></div>
<div id="id1" class="class1">d</div>

CSS

.red {background:red; min-width:1em; height:1em;}
.green{background:green; min-width:1em; height:1em;}

JavaScript

$(document).ready(function(){
    $('.class1').each(function (index, item){
        if ($(this).is(':empty')) {
    			$(this).addClass("red");
				}			
    });
});