Help with JQuery selector :not(:last)

Question

I'm trying to select all the bullets except the last bullet but I am doing something incorrectly.

Here is my 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> 

And my jQuery:

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

It's adding the pipe to every bullet however...

Answer 1

Because your html contains multiple unordered lists, $('ul li') will selects every single <li>, in all of the <ul>s. :last then selects the final element in that list. Use :last-child, which gets the last <li> in each of the <ul>s.

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

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