Compruebe si el contenido de un DIV está vacío en jQuery

Question

¿Cómo uso jQuery para verificar si el contenido de un <div> está vacío?

Intenté esto y parece que no está imprimiendo los valores correctos.

... 
var unframed_items = $("#unframed-items"); 
alert(unframed_items.html().length); 
... 
<div id="unframed-items"> </div> 
... 

Answer 1

Si se refiere realmente vacío, utilice el empty-selector^[docs]:

alert(!!$("#unframed-items:empty").length) 

o

alert($("#unframed-items").is(':empty')) 

Si se tiene en cuenta el espacio en blanco, sólo para estar vacío, a continuación, utilizar el método jQuery.trim()^[docs]:

alert(!$.trim($("#unframed-items").html())); 

Answer 2

<div id="portfolio"><!--portfolio--> 
<div id="portfolio-works"><!--portfolio-works--> 
    <div class="portfolio-works-container"></div> 
</div><!--/portfolio-works--> 

$(document).ready(function(){ 
    if($('div.portfolio-works-container').is(':empty')){ 
     $('div#portfolio').hide(); 
    } 
}); 

Answer 3

Uso $('#elementId').is(':empty').