2012-01-19 2 views
1

이것은 매우 간단한 것일 수 있습니다.Jquery : Div가 비어 있는지 확인한 다음 true이면 CSS를 추가하십시오.

보통 을 포함하는 .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'}); 
}; 

확인하려면

if ($('.banner-image img').length === 0) { 
    $('#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'}); 
}; 

.

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

음, 아무도 다른 사람을 게시 않을 경우 :

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