jQuery/javascript를 사용하여 동적 콘텐츠를 숨기는 방법?

Question

현재 내 검색 상자를 자동 완성하는 서비스를 사용하고 있습니다. 그러나 자동 완성 된 모든 결과에 대해서는 <li>에 이어 하단에 항상 <div> 광고가 있습니다. 이런 식으로 뭔가가 :

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

그러나,이 동적 그래서 내가 그것을 hide()에 jQuery를 작성합니다 방법을 모르는 JS를 사용하여로드됩니다. 누군가 검색을 수행 할 때 동적으로 숨길 수있는 방법이 있습니까?

Answer 1

당신은 당신의 CSS에서 이런 일을 할 수있는 : 결국

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

, 당신은 다른 모든 무효를 숨길 수있을 것입니다 그래서 <ul> 요소, <li> 아이를 갖는 것이에만 유효합니다. 당신이 구조 확신한다면 Kolink 대답으로

Answer 2

, 당신은 항상, 물론 CSS 될 것

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

최저

---

로 JQuery와 그것을 해결할 수 있습니다.