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();
        }
    });
});

Answer 2

http://jsfiddle.net/9VBJP/

以上小提琴应该有效

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

jquery - 修剪图像以删除div

2 个答案: