jQuery: seleccionar los 4 últimos elementos de la lista

Question

que tengo una lista de imágenes/enlaces de texto,

<ul> 
<li>link 1</li> 
<li>link 2</li> 
<li>link 3</li> 
<li>link 4</li> 

<li>link 5</li> 
<li>link 6</li> 
<li>link 7</li> 
<li>link 8</li> 
</ul> 

y la lista Estilo en mi archivo css,

li { 
    float:left; 
    margin:0px 5px 5px 0px; 
} 

pero luego Quiero que se muestren los últimos 4 elementos de la lista sin el espacio de 5 píxeles en su margen inferior. así que me gustaría usar jQuery para seleccionar estos últimos 4 elementos y cambiar su estilo CSS a marginBottom: 0px;

El problema es que esta es la forma de jQuery selecciona el último elemento:

li:last 

pero ¿qué pasa con el último 4? o tal vez los últimos 5 o 6?

Gracias.

Answer 1

$('li').slice(-4).css('color', 'red') 

Example

Answer 2

Creo que se puede probar este $("li").slice(-5);

Answer 3

uso :gt() como en:

var n = $('ul').size(); 
var lastFour = $('li:gt(' + n-5 + ')'); 

http://api.jquery.com/gt-selector/

Answer 4

se puede utilizar el método de filtro

var elems = $('ul li'); 
elems.filter(function(idx){ 
    /* we use 5 because the index starts at 0 */ 
    return idx > elems.length-5; 
}).css('margin-bottom','0px'); 

Demostración: http://www.jsfiddle.net/Cw3uu/

Answer 5

$('li').slice(-4).addClass('last-li-items'); 

Luego, en el CSS:

.last-li-items { 
    margin-bottom:0 !important; 
} 

Answer 6

var e = $('li').slice(-4).css('margin-bottom', '0px');  

Demo

Answer 7

Puede utilizar .slice()

$('li').slice(-4) 

O bien, puede utilizar jQuery :gt()

var size = $('li').size(); 
$('li:gt('+(size-5)+')');