Question

Hod如果子div的RelatedEventsList为空，我是否隐藏了父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;
}

如果子div为空，则隐藏父div

3 个答案: