Question

我有一个容器列表，一些有照片，有些没有。我需要找到没有图像的.thumbnail div，并从渲染视图中隐藏它们的容器。我有以下内容，但无法正确定位空缩略图div：

    <div class="container">
    <div class="row">
        <div class="col-md-3">
            <div class="thumbnail">
                <div class="caption">
                     <h4 class="">Title of story</h4>
 <a href=""><img src="" class="fb"></a>

                    <img src="" class="tw">
                    </a>
                    </p>
                </div>
                <img src="" alt="..." class="">
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-md-3">
            <div class="thumbnail">
                <div class="caption">
                     <h4 class="">Title of story</h4>
 <a href=""><img src="" class="fb"></a>

                    <img src="" class="tw">
                    </a>
                    </p>
                </div>
                <img src="http://placehold.it/350x150" alt="..." class="">
            </div>
        </div>
    </div>
</div>

if($(".thumbnail").length() == ''){
    $(".thumbnail").find('.col-md-3').remove();
}

JSFIDDLE

Answer 1

我无法正确理解您的问题，但如果您使用<img>隐藏div而没有任何来源，那么这可能会有所帮助。

$(".thumbnail").find("img[src='']").parent().hide();

请注意：我使用了parent（），因为我不知道要隐藏哪个div。

Answer 2

使用属性not equal选择器

$('.thumbnail:not(:has(img[src!=""]))').hide();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
    <div class="row">
        <div class="col-md-3">
            <div class="thumbnail">
                <div class="caption">
                     <h4 class="">Title of story</h4>
 <a href=""><img src="" class="fb"></a>

                    <img src="" class="tw">
                    </a>
                    </p>
                </div>
                <img src="" alt="..." class="">
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-md-3">
            <div class="thumbnail">
                <div class="caption">
                     <h4 class="">Title of story</h4>
 <a href=""><img src="" class="fb"></a>

                    <img src="" class="tw">
                    </a>
                    </p>
                </div>
                <img src="http://placehold.it/350x150" alt="..." class="">
            </div>
        </div>
    </div>
</div>

隐藏没有图像的div

2 个答案: