Question

我试图隐藏div如果另一个div是空的，但由于某种原因它不会按我的意愿工作。

所以基本上我想隐藏<div class="more_post">如果<div class="last_post">元素为空

<div id="toggle-view">
        <div class="more_post">
            <h5>Load more</h5>
        </div>
        <ul class="toggle-view">
            <div class="toggle"">                     
                <div class="last_post"> </div>
            </div> 
        </ul>   
    </div>

Jquery的

if($("#toggle-view ul.toggle-view .toggle .last_post").length ==0)
    {
    $("#toggle-view .more_post").hide();
    }

Answer 1

您可以尝试这样的事情： -

if $('#toggle-view ul.toggle-view .toggle .last_post').is(':empty') $(this).hide()

Answer 2

尝试

if($("#toggle-view ul.toggle-view .toggle .last_post").html().length ==0)
{
$("#toggle-view .more_post").hide();
}

Demo

Answer 3

添加.html()以首先从DIV中读取HTML。

if($("#toggle-view ul.toggle-view .toggle .last_post").html().length ==0)
    {
    $("#toggle-view .more_post").hide();
    }

http://jsfiddle.net/gMC6F/

Answer 4

尝试：

$("#toggle-view .more_post").toggle($("#toggle-view ul.toggle-view .toggle .last_post").html().length > 0);

Answer 5

试一试。它将工作简单的方法。

<script>
$(document).ready(function(){
if(!$.trim( $(".last_post").html() ) == true)
$(".more_post").hide();

});
</script>

<强> Demo

谢谢

如果另一个Div为空，则隐藏div

5 个答案: