cacher div parent si enfant div est vide

Question

Hod Est-ce que je cache le div div EventsRollup si le div enfant RelatedEventsList est vide ??

<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--> 

Pourquoi cela ne fonctionne-t-il pas?

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

Answer 1

.text() peut retourner des espaces et des sauts de ligne.

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

Answer 2

Ce que vous avez devrait fonctionner correctement, même si je fais habituellement les suivantes

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

Answer 3

Essayez d'utiliser la fonction html():

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