javascript - jquery - trim 图像以删除 div

Question

我正在尝试通过 jquery 完全删除 div 中没有子元素的情况。我使用的变量是图像。我似乎无法选择变量作为图像，我只知道如何通过文本来做到这一点。有人可以帮我解决这个问题吗，这样它就会检测到 div 中包含一个 img 并显示它，当没有图像时它不会显示它。

我已经通过jsfiddle上传了:http://jsfiddle.net/cLkFD/

<div class="content-container"><!--content-container-->
    <h3>title</h3>
        <div class="picture"><!--picture-->
            <img src="images/buddha.jpg" width="981" height="324" alt=""/> 
        </div><!--/picture-->
        <div class="content"><!--content-->
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et cursus neque, sit amet blandit tellus. Cras leo mauris, laoreet quis consequat et, pharetra mattis risus. Duis tortor lorem, ultrices egestas arcu sed, pretium egestas est. Morbi condimentum sem quis tortor placerat iaculis. Ut nisl augue, rutrum sed sem et, blandit hendrerit nibh. Donec et rhoncus odio, id tempor enim. Praesent ultricies justo vulputate dui gravida fermentum. Pellentesque id aliquet leo. Quisque vulputate, dolor vel rutrum accumsan, turpis odio faucibus sem, vel malesuada eros turpis ac magna. Nullam fermentum vehicula odio, ut ornare justo varius nec. Morbi lectus leo, porttitor nec elementum at, suscipit aliquam nunc. Ut gravida a sem ut imperdiet. Duis et turpis eget magna lobortis accumsan. In ac tincidunt nibh, quis pulvinar risus.
            </p>
            <button class="btn btn-1 btn-1a">Read More</button>
        </div><!--content-->  

    </div><!--content-container-->

(function($) {
    $.fn.equalHeights = function(minHeight, maxHeight) {
        tallest = (minHeight) ? minHeight : 0;
        this.each(function() {
            if($(this).height() > tallest) {
                tallest = $(this).height();
            }
        });
        if((maxHeight) && tallest > maxHeight) tallest = maxHeight;
        return this.each(function() {
            $(this).height(tallest).css("overflow","hidden");
        });
    }
})(jQuery);

Answer 1

您可以使用 length 检查 div 中是否有任何图像:

$(function () {
    $('.picture').each(function () {
        if ($(this).find('img').length) {
            $(this).hide();
        }
    });
});