网站建设过程中遇到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>
以上是实现后的运行效果,如果有需要就试试看吧。
如果内容有帮助,就点个赞吧!
