2016-11-24 81 views
0

如果​​有内容,那么我想隐藏#inpage否则我想显示#inpage。 我遇到的问题是,如果第一个div没有内容,但第二个div没有,那么它不显示第二个div的内容。jquery if div empty显示2nd div else first

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

请问你'html'是什么样子? –

+0

每个DIV id是iframe中放置.. ..我真不知道你是什么意思的HTML看起来像 – naf

+0

舒尚特被询问是否可以张贴有关HTML –

回答

3

使用.length,确认没有空的div。由于jQuery返回一个jQuery对象,因此您的if条件将始终为真。

示例代码:

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

我想这早些时候..如果双方的div有内容,那么它显示两个div。 – naf

+0

@naf:你确定这个代码是在内容加载到div之后执行的吗? –

+0

我在脚注中添加了这段代码..在执行了另外两个div的远程javascript之后。 – naf