jQueryでDIVの内容が空であることを確認してください

Question

<div>の内容が空であるかどうかを確認するためにjQueryを使用するにはどうすればよいですか？

これを試しましたが、正しい値が印刷されていないようです。

... 
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')。