Aggiunta di codice HTML usando per loop in jquery

Sto cercando di aggiungere elementi li in un codice html a un elemento div, seguendo è il mio codice html:

Luogo in cui aggiungere gli elementi:

Elementi di ul:

  

Il mio codice Jquery:

 $(e).fadeIn(400); $('#nitspagesorter').fadeIn(400).css({ 'top': mouseY, 'left': mouseX }).draggable(); $('#nitsmenubutton').hide(); var licount = $("#nitsmenu li").length; for (i = 0; i < licount; i++) { var lielem = $("#nitsmenu li").text(); var element = $(lielem).text(); $("#nitspopupmenu").html("
" + lielem + ""); }

Sto facendo apparire il contenuto alla casella popup, sto ricevendo correttamente il nome li ma mostra solo l’ultimo elemento ie Contact, $("#nitspopupmenu").html("

" + lielem + ""); è finalmente in esecuzione o potrebbe sostituire il contenuto ogni volta e mostrare l’ultimo risultato

Per favore aiuto

Penso che dovresti usare append() su html()

 for (i = 0; i < licount; i++) { var lielem = $("#nitsmenu li").text(); var element = $(lielem).text(); $("#nitspopupmenu").append("
" + lielem + ""); }

Dovresti mettere tutta la stringa con in una riga, se sono richieste più righe, quindi concatene con il segno +

.html() sostituisce il contenuto dell’elemento, usa .append() per aggiungerlo.


Devi anche scrivere un codice HTML valido. Hai tre tag di inizio che mancano i loro tag di fine lì.

Vedi la documentazione per l’istruzione .append() . L’uso dell’istruzione .html() cancellerà sempre tutto il contenuto all’interno dell’elemento che hai scelto. L’uso .append() aggiunge il contenuto specificato alla fine.