如果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文档.