Jquery 在 li 之后放置分隔符

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>');