javascript - jquery if div 为空显示第二个 div else 首先

Question

如果#ccs-inline有内容，那么我想隐藏#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 条件将始终为 true。

示例代码:

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