jquery - 为什么在这种情况下 div 显示为空

Question

指定的div里面有一些内容，但仍然显示div为空

<div class="Itm_right_aside">
    <div style="display:none;" class="toppcrustdata">
      <div id="popupinner703" class="popup_inner addonsContent">

      </div>
   </div>
</div>

if ($('.Itm_right_aside .toppcrustdata').html()) {
    alert('empty');
} else {
    alert('Not empty');
}

我正在检查类 toppcrustdata div 下是否有任何数据，但尽管有一些内容，它仍然显示为空

请告诉我原因

http://jsfiddle.net/tdzfhzjy/77/

Answer 1

html() 不返回 bool 值，而是返回字符串。检查空字符串:

if ($('.Itm_right_aside .toppcrustdata').html() == '')

或者，您可以反转您自己的 if() 语句的逻辑:

if( ! $('.Itm_right_aside .toppcrustdata').html() )

jsFiddel Demo