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

如果子div relatedEvents列表为空，我如何隐藏父div事件集合

<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.length === 0){
     $('.EventsRollup').hide();  
}

---

你所拥有的应该很好用，尽管我通常会做以下工作

var listtext=$.trim($('.RelatedEventsList').text());
if (listtext.length === 0){
     $('.EventsRollup').hide();  
}

尝试使用

html（）

函数：

var listText = $.trim($('.RelatedEventsList').html());
if(listText == '') {
    $('.EventsRollup').hide;
}

尝试使用

html（）

函数：

var listText = $.trim($('.RelatedEventsList').html());
if(listText == '') {
    $('.EventsRollup').hide;
}

.text（）

可能返回空格和换行符

if (!/\S/.test(listtext)){
     $('.EventsRollup').hide();  
}

.text（）

可能返回空格和换行符

if (!/\S/.test(listtext)){
     $('.EventsRollup').hide();  
}

---

您是否尝试过比较长度而不是空值？工作正常：。请尝试

if（listtext==“”）{

对我有效：您是否尝试过比较长度而不是空值？工作正常：。请尝试

if（listtext==“”）{

对我有效：