Проверьте, является ли содержимое DIV пустым в jQuery

Question

Как использовать jQuery, чтобы проверить, пусто ли содержимое <div>?

Я пытался это сделать, и похоже, что он не печатает правильные значения.

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

Answer 1

Если вы имеете в виду действительно пустой, используйте empty-selector ^{[документы]} :

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

или

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

Если вы считаете пустым только пробел, используйте jQuery.trim() ^{[документы]} метод:

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

Answer 2

Использование $('#elementId').is(':empty').

Answer 3

<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();
    }
});