2013-03-14 49 views
0

我目前正在使用自動完成搜索框的服務。但是,對於顯示的所有自動完成結果,在<li>之後底部總是會有一個<div>廣告。事情是這樣的:如何使用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> 

然而,這是動態使用JS,所以我不知道我怎麼會寫jQuery來hide()加載它。有人在搜索時可以動態地隱藏它嗎?

+0

對於初學者,您的HTML無效。 – 2013-03-14 19:29:19

+0

對不起,我忘了粘貼結束 – Edmund 2013-03-14 19:30:08

回答

2

你可以做這樣的事情在你的CSS:

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

畢竟,它僅適用於<ul>元素有<li>孩子,所以你應該能夠掩蓋一切爲無效。

+0

簡單和優雅 – 2013-03-14 19:29:58

+0

這將工作的節點,不存在的初始負載的DOM? li和div是在有人輸入搜索詞時動態生成的,所以它在初始加載中不存在 – Edmund 2013-03-14 19:34:08

+0

@Edmund是的,當節點在頁面上加載時會應用它。 – loxxy 2013-03-14 19:35:09

0

如果您是結構的,當然,你總是可以在jQuery中解決它作爲

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

最好是當然的CSS,因爲Kolink回答。