JQuery - Come aggiungere una classe a ogni ultimo elemento della lista?

Question

ottenuto alcuni qui il codice che non funziona:

$("#sidebar ul li:last").each(function(){ 
     $(this).addClass("last"); 
}); 

Fondamentalmente ho 3 liste e si desidera aggiungere una classe (ultima) per ogni elemento che appare ultima in ogni lista non ordinata.

<ul> 
     <li>Item 1</li> 
     <li>Item 2</li> 
     <li class="last">Item 3</li> 
</ul> 

speranza che abbia un senso, Cheers!

Answer 1

errore facile da fare. Prova questo:

$("#sidebar ul li:last-child").addClass("last"); 

Fondamentalmente: l'ultimo non fa esattamente quello che pensi che faccia. Corrisponde solo all'ultimo nel documento, non l'ultimo in ciascuna lista. Ecco cosa: l'ultimo bambino è per.

Answer 2

si può provare

$('#sidebar ul li:last').addClass('last'); 

Answer 3

Il motivo per cui non funziona è dovuto al fatto che :last corrisponde solo a un elemento. Dalla documentazione jQuery:

Corrisponde all'ultimo elemento selezionato.

Quindi, ciò che il codice sta facendo è sempre un insieme di tutti gli elementi in una <li><ul> e poi da quello impostato di prendere l'ultimo valore. Esempio:

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

Il codice restituirà l'elemento <li>6</li>. (Internamente raccoglierebbe <li>1</li> a <li>6</li> e quindi ne interrompe l'ultimo e lo restituisce).

Quello che stai cercando è quello che le altre risposte qui hanno detto: :last-child.

Answer 4

Oppure è possibile fornire un id al proprio elenco e utilizzarlo come contesto per chiamare jquery.

<ul id="myList"> 
    <li>Item</li> 
    <li>Item</li> 
    <li>Item</li> 
    <li>Item</li> 
</ul> 

<ul id="anotherList"> 
    <li>Item</li> 
    <li>Item</li> 
    <li>Item</li> 
    <li>Item</li> 
</ul> 

E allora si può fare:

jQuery("li:last", "ul#myList").addClass("lastItem"); 

Ora l'ultimo Li nel primo elenco sarebbe di classe "lastItem".

Modifica: Scusa, ho letto erroneamente la domanda. Ignora questo per favore.

Answer 5

con jQuery aggiungere questo

$("ul li").last().addClass('last'); 

Answer 6

Se avete bisogno di aggiungere classe a 3 liste separate è possibile assegnare una classe per loro e usare 'ogni':

$('#sidebar ul.class li:last-child').each(function(e){ 
    $(this).addClass("last"); 
}); 

Questo dovrebbe funzionare esattamente come ti aspettavi.