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

Answer 2

如果您确定结构，您始终可以在 jquery 中将其寻址为

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

---

正如 Kolink 回答的那样，最好的当然是 css。