자식 div가 비어있는 경우 부모 div 숨기기

Question

Hod 자식 div 인 RelatedEventsList가 비어 있으면 부모 div를 숨 깁니다.

<div class="EventsRollup"> 
<span class="EventsRollupTitle">CPR &amp; Health Safety Classes</span><br /><br/>                
    <div class="RelatedEventsList"> 
    <!--EMPTY with a lot of whitespaces etc. but no text--> 
    </div> 
</div><!--END EventsRollup--> 

왜 이렇게하지 않습니까?

var listtext=$.trim($('.RelatedEventsList').text()); 
if (listtext===""){ 
    $('.EventsRollup').hide(); 
}  

Answer 1

.text() 공백과 줄 바꿈을 반환 할 수 있습니다.

if (!/\S/.test(listtext)){ 
    $('.EventsRollup').hide(); 
} 

Answer 2

당신은 내가 일반적으로 할 수 있지만

var listtext=$.trim($('.RelatedEventsList').text()); 
if (listtext.length === 0){ 
    $('.EventsRollup').hide(); 
} 

Answer 3

가 html() 기능을 사용해보십시오 다음, 잘 작동합니다 무엇을 가지고 :

var listText = $.trim($('.RelatedEventsList').html()); 
if(listText == '') { 
    $('.EventsRollup').hide; 
}