2012-01-19 12 views
1

これはかなり単純なものかもしれません。Jquery:Divが空であることを確認し、trueの場合はcssを追加してください。

私は、通常imgを含むクラス.banner-imagesのDIVを持っています。私がしたいのは、.banner-imagesが空の場合、親divの高さを変更することです。#banner-wrapper

これは私がこれまで持っているものです:トリックを行う必要があります

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

答えて

6

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

を全くイメージがdivの中に存在しないかどうかを確認するには、これを行います:

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

これは、DIVにスペースがない場合にのみ機能します。 divにimgがない場合にだけ動作させる方法はありますか? – Guy

+0

@Guyはい、私の編集を確認してください –

+0

ファンタスティックに感謝します。 – Guy

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

。誰もそれを投稿しようとされていない場合は、まあ

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

:これはそれを行う必要があります

関連する問題