2012-07-11 1 views
1

그래서이 메뉴가 있습니다. 나는이리터 후에 Jquery 장소 구분 기호

$('.menu ul li').after('<li class="delimiter">|</li>'); 

을 수행 할 때

<div class="menu"> 
<ul> 
<li class="page_item page-item-23 current_page_item"> 
<a href="http://localhost/irises/">Forside</a></li> 
<li class="page_item page-item-26"> 
<a href="http://localhost/irises/?page_id=26">Produkter</a> 
<ul class='children'> 
<li class="page_item page-item-83"> 
<a href="http://localhost/irises/?page_id=83">Produkt 1</a> 
</li> 
<li class="page_item page-item-203"> 
<a href="http://localhost/irises/?page_id=203">Produkt 2</a> 
</li> 
</ul> 
</li> 
<li class="page_item page-item-41"> 
<a href="http://localhost/irises/?page_id=41">Kursuskalender</a> 
</li> 
<li class="page_item page-item-2"> 
<a href="http://localhost/irises/?page_id=2">Nyheder</a> 
</li> 
<li class="page_item page-item-16"><a href="http://localhost/irises/?page_id=16">IRIS Enterprise Solutions</a></li> 
<li class="page_item page-item-62"> 
<a href="http://localhost/irises/?page_id=62">Kontakt</a> 
</li> 
</ul> 
</div> 

그래서 나는뿐만 아니라 하위 메뉴 내 각 주 메뉴 포인트 이후의 구분 기호를 얻을.

<ul class='children'> 

기본 메뉴 점 사이에이 구분 기호 만 사용하려면 어떻게해야합니까?

답변

5

다음과 같은 특정 어린이를 지정하십시오. $('.menu > ul > li').after('<li class="delimiter">|</li>');

+0

Awsome Andrew! 그건 완벽하게 작동합니다. 그래서>는 자기 자신의 다음 요소를 가리키고 있습니까? .menu find ul. ul에서 li 찾으세요? –

+0

@RonnieJespersen'> '는 자식을 나타냅니다. 따라서'.menu'의 직접적인 자식 인'ul' 요소를 대상으로하고,'ul'의 직접적인 자식 인'li'를 대상으로합니다. 단지'.menu' 바로 아래에있는'ul' 요소에만 적용되도록 만듭니다. –