jquery if div empty顯示2nd div else first

Question

如果​​有內容，那麼我想隱藏#inpage否則我想顯示#inpage。 我遇到的問題是，如果第一個div沒有內容，但第二個div沒有，那麼它不顯示第二個div的內容。

$(document).ready(function(){ 
    if ($('#ccs-inline:not(:empty)')){ 
    $('#inpage').hide(); 
    } else { 
     $('#inpage').show(); 
    } 
}); 

Answer 1

使用.length，確認沒有空的div。由於jQuery返回一個jQuery對象，因此您的if條件將始終爲真。

示例代碼：

$(document).ready(function() { 
    if ($('#ccs-inline:not(:empty)').length > 0) { 
    $('#inpage').hide(); 
    } else { 
    $('#inpage').show(); 
    } 
});