Sprawdź, czy zawartość DIV jest pusta w jQuery

Question

Jak używać jQuery do sprawdzania, czy zawartość pliku <div> jest pusta?

Próbowałem tego i wydaje się, że nie drukuje poprawnych wartości.

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

Answer 1

Jeśli masz na myśli naprawdę pusty, należy użyć empty-selector^[docs]:

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

lub

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

Jeśli wziąć pod uwagę spacje tylko być pusty, a następnie użyć metody 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

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