[JQuery] Append dopo ultimo ul li del primo livello

felino

Utente Attivo
12 Dic 2013
902
10
18
Aci Catena (Catania)
Ciao a tutti,
ho un menu del tipo:
HTML:
<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:
Codice:
$("ul#myList li:last-child").append("<li>nuovo item</li>");
Lui lo aggiungerà sia dopo "Milk" che dopo "Green tea".

Grazie.
 

MarcoGrazia

Utente Attivo
15 Dic 2009
785
16
18
58
Udine
www.stilisticamente.com
Uhm... prova a usare .slice() se la lista non è dinamica https://api.jquery.com/slice/
Oppure...
Non so se funziona, ma puoi provare un attimo.
HTML:
<ul id="myList">
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ul>
JavaScript:
$( '<li>' ).append( '<span>' + nuovoItem + '</span>' ).appendTo( '#myList' );