Проверьте, нет ли содержимого DIV в jQuery

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

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

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

Ответы

Ответ 1

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

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

или

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

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

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

Ответ 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();
    }
});

Ответ 3

Используйте $('#elementId').is(':empty').