[JQuery] Append dopo ultimo ul li del primo livello

[felino]

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.

 

[MarcoGrazia]

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.

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

$( '<li>' ).append( '<span>' + nuovoItem + '</span>' ).appendTo( '#myList' );

 

[felino]

Grazie,
ho risolto con:

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

Grazie!