首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使用jQuery/javascript隐藏动态内容?

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

Stack Overflow用户
提问于 2013-03-15 03:27:13
回答 2查看 508关注 0票数 0

我目前正在使用自动完成我的搜索框的服务。然而,对于所有显示的自动补全结果,在<li>s之后的底部总是有一个<div>广告。类似这样:

代码语言: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>

但是,这是使用JS动态加载的,所以我不知道如何编写jQuery来hide()它。当有人进行搜索时,有没有办法动态隐藏它?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-03-15 03:29:27

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

代码语言:javascript
复制
ul>* {display:none}
ul>li {display:block}

毕竟,只有具有<li>子级的<ul>元素才是有效的,所以您应该能够将其他所有内容都隐藏为无效。

票数 2
EN

Stack Overflow用户

发布于 2013-03-15 03:30:18

如果您对其结构很有把握,则可以在jquery中将其命名为

代码语言:javascript
复制
$("ul").find("a,div").hide()

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15418451

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档