Jquery：檢查Div是否爲空，然後添加css（如果爲true）

Question

這可能相當簡單。

我有一個類.banner-images DIV通常包含img s。如果.banner-images爲空，我想要做的是更改其父部分的高度，#banner-wrapper。

這是我到目前爲止有：

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