javascript - 如果 ul 为空则隐藏 div

Question

这是我的html ,

<div id="personaldetails">

    <ul>
        <li class="clear"></li> 
    </ul>
    <ul>
        <li class="clear"></li> 
    </ul>
</div>

我想隐藏div personaldetails当div里面的ul全部为空的时候。

如果ul有元素 <li class="clear"></li>然后ul被认为是空的。

如何使用 Jquery 执行此操作？

Answer 1

你可以试试这个:

$('#personaldetails').find('ul').each(function(){
   var txt = $("li", this).text();
   if(txt.length <= 0){
      $(this).hide();
   }
});
if(!$('#personaldetails').find('ul:visible').length){
    $('#personaldetails').hide();
}

Updated Fiddle

---

对我来说，你应该隐藏所有 ul，如果没有 ul 可见，那么你可以隐藏 #personaldetails div。