js判断div下的ul标签中是否包含li,不包含就隐藏div

网站建设过程中遇到div设置了固定高度,但是里面的列表又可能存在没有内容的时候,想要div下ul标签里不包含li标签数据是就隐藏,应该怎么实现你?今天来说说利用js判断div下的ul标签中是否包含li,不包含就隐藏div。

具体实现方法,请参考以下代码:


<div>
   <ul class="ulbq">
       <li>我是列表</li>
   </ul>
</div>

<div>
   <ul class="ulbq">
         我应该隐藏
   </ul>
</div>

<script>
  var ycdiv =document.getElementsByClassName("ulbq");
    for(var i=0 ;i<ycdiv.length;i++){
          var p=ycdiv[i];
          if(p.getElementsByTagName('li').length==0){
			p.style.display='none';
       }
  }
</script>

js判断div的ul为空不包含li隐藏div效果

以上是实现后的运行效果,如果有需要就试试看吧。



如果内容有帮助,就点个赞吧!

转载注明出处:http://www.12564.cn/show-188.html

如有疑问请联系 QQ:644233191   微信:zw1688k