jquery - liの後の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>');