Помогите с селектором JQuery: нет (: последний)

Question

Я пытаюсь выбрать все маркеры, кроме последнего, но я делаю что-то неправильно.

Вот мой HTML

<ul>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
</ul>

<ul>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
</ul>


<ul>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
</ul>

И мой JQuery:

jQuery('ul li:not(:last)').append(" | ");

Это добавляет трубу к каждой пуле, однако ...

Answer 1

Поскольку ваш html содержит несколько неупорядоченных списков, $('ul li') выберет каждый <li> во всех <ul> с.:last затем выбирает последний элемент в этом списке.Используйте :last-child, который получает последние <li> в каждый из <ul> с.

$('ul li:not(:last-child)').append(' | ');

http://jsfiddle.net/mattball/qmVdb/1/