скрыть родительский div, если дочерний div пуст

Question

Hod Скрыть родительский div EventsRollup, если дочерний div СвязанныйEventsList пуст?

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