[JQuery] Append dopo ultimo ul li del primo livello

[robertino_salemi]

Ciao a tutti,
ho un menu del tipo:

<ul id="myList">
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

Tramite Jquery vorrei aggiungere un nuovo li dopo l'ultimo item del mio elenco appartenente al primo livello, quindi solo dopo "Milk".

Se scrivo:

$("ul#myList li:last-child").append("<li>nuovo item</li>");

Lui lo aggiungerà sia dopo "Milk" che dopo "Green tea".

Grazie.

[wingman87]

Con append aggiungi un elemento come ultimo figlio dell'elemento selezionato.

Quindi per fare quello che chiedi potresti semplicemente scrivere

$("ul#myList").append("<li>nuovo item</li>");

Per selezionare l'ultimo figlio di un elemento, il selettore corretto è

$("ul#myList > li:last-child")

Con > limiti lo scope ai soli discendenti diretti di ciò che hai selezionato prima, quindi in questo caso tutti i li che sono ultimi figli e che sono discendenti diretti di ul#myList

[robertino_salemi]

Hai perfettamente ragione!

Grazie!