jQuery select list element not working

Question

I'm trying to select the first list item li in the ul#suckerfishnav in the main navigation here: http://fluroltd.com/clients/harveys/. Using

$('ul#suckerfishnav').find('li').slice(0,1) {
    $(this).css('background-color', 'red');
});

My aim is to add a class="first" to the first li in the list.

Answer 1

Try this:

$('ul#suckerfishnav li:first-child').addClass("first");

I've updated your jsFiddle to show it working

Answer 2

You could just use plain CSS for this too:

#suckerfishnav li:first-child {background-color:Red;);