Jquery：检查Div是否为空，然后如果为true则添加css

Question

这可能非常简单。

我有一个类.banner-images的DIV，它通常包含img个。如果#banner-wrapper为空，我想要更改其父div .banner-images的高度。

这是我到目前为止所做的：

if ('.banner-image:empty') {
    $('#banner-wrapper').css({'height' : '210px'});
};

Answer 1

这应该这样做：

if ($('.banner-image:empty').length) {
    $('#banner-wrapper').css({'height' : '210px'});
};

要检查div中是否有图像，请执行以下操作：

if ($('.banner-image img').length === 0) {
    $('#banner-wrapper').css({'height' : '210px'});
};

Answer 2

if( !$('.banner-image').html().length ) {
    $('#banner-wrapper').css({'height' : '210px'});
};

这应该可以解决问题。

Answer 3

if ($('.banner-image:empty').size()) {
    $('#banner-wrapper').css({'height' : '210px'});
};

Answer 4

好吧，如果没有人会发布它：

if (!$('.banner-image').find('img').length) {  // no images inside .banner-image
    $('#banner-wrapper').css({'height' : '210px'}); 
};