在jQuery中检查DIV的内容是否为空

Question

如何使用jQuery检查<div>的内容是否为空？

我尝试了这个并且似乎没有打印正确的值。

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

Answer 1

如果您的意思是空的，请使用empty-selector^[docs]：

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

或

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

如果您认为仅限空白，则使用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

使用$('#elementId').is(':empty')。