李后的Jquery地方分隔符

Question

所以我有这个菜单.

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

所以当我这样做的时候

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

我在每个主菜单点之后得到一个分隔符,但也在子菜单中.

<ul class='children'>

如果我只想在主菜单点之间使用这个分隔符,jquery将如何呢？

Answer 1

像这样指定特定的子项: $('.menu > ul > li').after('<li class="delimiter">|</li>');