Ayuda con el selector JQuery: no (: último)

Question

Estoy intentando seleccionar todas las viñetas excepto la última viñeta, pero estoy haciendo algo incorrectamente.

Aquí es mi 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> 

Y mi jQuery:

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

Es la adición de la tubería a cada bala sin embargo ...

Answer 1

Debido a su html contiene múltiples listas desordenadas, $('ul li') seleccionará cada <li>, en todos los <ul> s. :last luego selecciona el elemento final en esa lista. Utilice :last-child, que obtiene el último <li> en cada del <ul> s.

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

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