当内容为空是 标签的样式为 display:none; 40C

javascript如何实现当a标签里面的内容为空的时候 (也就是 测试 这2个字为空的时候) 如何让< li > 标签的样式为 display:none;

<div id="abc">
<li><a href="#">测试</a></li>
<li><a href="#">测试</a></li>
<li><a href="#">测试</a></li>
<li><a href="#">测试</a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</div>

3个回答



<div id="abc">
<li><a href="#">测试</a></li>
<li><a href="#">测试</a></li>
<li><a href="#">测试</a></li>
<li><a href="#">测试</a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</div>

<script type="text/javascript">
var paras = document.getElementsByTagName("li");
for ( var i=0;i<paras.length;i++ ) {

    if (paras[i].childNodes[0].innerText == "")
    paras[i].setAttribute("style", "display:none");
}

</script>

图片说明

caozhy
贵阳老马马善福专门编写代码的老马就是我! 回复showbo: 其实你的办法 https://ask.csdn.net/questions/699453更好!
大约一年之前 回复
caozhy
贵阳老马马善福专门编写代码的老马就是我! 回复showbo: 程序不但要写对,还要把lz教会,O(∩_∩)O
大约一年之前 回复
showbo
支付宝加好友偷能量挖 正解,可以采纳了。。
大约一年之前 回复

$(function(){
$("#abc").find("a:empty").parent().hide();

});

另外还有一个做法,就是bobo的思路,不用写代码:

https://ask.csdn.net/questions/699453

图片说明

我亲自测试了,也是可以的。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!