1

如果另一个 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();
    }
4

5 回答 5

1

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

if $('#toggle-view ul.toggle-view .toggle .last_post').is(':empty') $(this).hide()
于 2013-08-11T11:06:31.080 回答
1

尝试

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

演示

于 2013-08-11T11:06:55.340 回答
1

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

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

http://jsfiddle.net/gMC6F/

于 2013-08-11T11:07:10.440 回答
1

尝试：

$("#toggle-view .more_post").toggle($("#toggle-view ul.toggle-view .toggle .last_post").html().length > 0);
于 2013-08-11T11:08:14.027 回答
1

试试这个。它将工作简单的方法。

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

});
</script>

演示

谢谢

于 2013-08-11T11:31:11.450 回答