javascript - 如何使用 jQuery/javascript 隐藏动态内容？

Question

我目前正在使用一项服务来自动完成我的搜索框。但是，对于显示的所有自动完成结果，始终有 <div>广告位于<li>之后的底部s。像这样的事情:

<ul>
<li class="menu-item""></li>
<li class="menu-item""></li>
<li class="menu-item""></li>
<div style="text-align:center;border-top:1px solid black;"></div>
<a href="http://www.ad.com" target="_blank">ad</a>
</ul>

但是，这是使用 JS 动态加载的，所以我不知道如何将 jQuery 写入 hide()它。有没有办法可以在有人搜索时动态隐藏它？

Answer 1

你可以在你的CSS中做这样的事情:

ul>* {display:none}
ul>li {display:block}

毕竟只对<ul>有效必须具备的元素 <li> children ，所以你应该能够将其他所有内容隐藏为无效。