Question

Possible Duplicate:
jquery: select the last 4 items in the list

jQuery has the nth-child psuedo-class, but is there a way to select the say 3:rd to last child ?

Answer 1

Assuming you don’t necessarily need to use the :nth-child() notation, you could use a negative index with eq():

$(selector).eq(-3);

JS Fiddle demo.

Or, in compliant browsers, you could simply use CSS:

elementSelector:nth-last-child(3) {
    /* CSS declaration block */
}

JS Fiddle demo (tested, and confirmed-working, in Chromium 19/Ubuntu 11.04).

The CSS-selector, presumably thanks to document.querySelector()/document.querySelectorAll(), is also available as a selector in jQuery:

$('li:nth-last-child(3)').css('background-color','#f90');​

JS Fiddle demo

References:

• eq().