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

Question

我目前正在使用服务自动填充搜索框。但是，对于显示的所有自动完成结果，<div>后面的底部始终有<li>个广告。像这样：

<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>个子元素，因此您应该能够将其他所有内容隐藏为无效。

Answer 2

如果您确定结构，可以随时在jquery中将其作为

进行处理

$("ul").find("a,div").hide()

---

最好的当然是css，就像Kolink回答的那样。