¿Cómo seleccionar el penúltimo (último) elemento li de la lista ul en jQuery?

Question

Si tengo algo como esto:

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

y necesito addClass "extra" para la penúltima (por ejemplo, si tengo 5 elementos li se añadirá la clase extra para el elemento li cuarto) de la ul lista.

por lo que el resultado en este caso será:

<ul> 
<li>1</li> 
<li>2</li> 
<li>3</li> 
<li class="extra">4</li> 
<li>5</li> 
</ul> 

Gracias de antemano

Answer 1

$("li:last").prev("li").addClass("class-to-add") 

http://api.jquery.com/prev/

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

Answer 2

$("ul li").last().prev().addClass("foo"); 

Answer 3

var items = $("ul").children(); 
var penultimate = items.eq(items.length - 2); 
penultimate.addClass("extra"); 

Answer 4

Puesto que todos los <li> elementos son hermanos, y no hay otro elemento entre ellos, puede usar last() seguido de prev():

$("li").last().prev().addClass("extra"); 

Hubo otros elementos en el medio, que tendría que utilizar prevAll() lugar:

$("li").last().prevAll("li").first().addClass("extra"); 

Answer 5

podría utilizar el siguiente:

$('li').eq($('ul li').length - 2); 

JS Fiddle demo.

Referencias:

• eq().
• length.

Answer 6

$('li').eq($('li').length-2).addClass("extra") 

Answer 7

Si sólo hay una lista, sólo tiene que pasar un índice negativo para el método eq()^[docs].

$("ul li").eq(-2).addClass("extra"); 

Parece que está utilizando una versión anterior de jQuery.

Here's an example que lo muestra trabajando en jQuery 1.3.2.