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

我目前正在使用一项服务来自动完成我的搜索框。但是，对于显示的所有自动完成的结果，在

之后的底部总是有一个

广告。大概是这样的：

<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>

您可以在CSS中执行以下操作：

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

毕竟，只有
元素具有
子元素才有效，因此您应该能够将其他所有内容隐藏为无效。
如果您确定该结构，您可以在jquery中将其作为

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


正如Kolink回答的那样，最好的当然是css。
对于初学者来说，您的HTML是无效的。对不起，我忘了粘贴尾端。这对DOM初始加载中不存在的节点有效吗？li和div是在有人键入搜索词时动态生成的，因此它在初始值中不存在load@Edmund是的，它将在页面上加载节点时应用。有没有办法使此CSS行加载在此应用程序中的所有其他CSS文件之后？我的行被广告公司的CSS覆盖。添加
！重要信息
在每个
}
之前，使其覆盖广告公司的CSS。或者你可以找到一个不涉及广告的解决方案；）