子divが空の場合、親divを隠す

Question

Hod親divを非表示にしますか？子divのRelatedEventsListが空の場合はEventsRollupですか？

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