如果子div為空，則隱藏父div

Question

如果子div相關事件列表為空，我是否隱藏父div 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;
}