如果div为空则为jQuery

Question

我正在使用wordpress模板，其中div.post-thumb为空但有动态空格。

<div class="post-thumb">    </div>
<div class="post-text"></div>

我正在使用以下脚本来检测div.post-thumb是否为空。

$('.post-thumb').each(function(){
if ($(this).html()=='') $('.post-text').css('marginLeft','50px');
}); 

此脚本的问题是“div.post-thumb中的动态空格”

如何摆脱这个问题？有没有其他方法来检测除了空格之外div是否为空？

Answer 1

您可以使用jQuery trim函数删除空格：

$('.post-thumb').each(function(){
    if($.trim($(this).html()) == '') $('.post-text').css('marginLeft','50px');
}); 

trim从字符串的开头或结尾删除所有空格，换行符和制表符。有关详细信息，请参阅jQuery docs。