1

所以我有这个菜单。

<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 会怎样。

4

1 回答 1

5

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

于 2012-07-11T21:36:35.270 回答