Question

This may be quite a simple one.

I have a DIV with the class .banner-images which usually contains imgs. What I would like to do is change the height of its parent div, #banner-wrapper if the .banner-images is empty.

This is what I have so far:

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

Answer 1

This should do it:

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

To check if there are no images in the div do this:

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