如果子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;
}