在jquery中使用for循环添加HTML代码

我正在尝试将html代码中的li元素添加到div元素中，以下是我的html代码：

要添加元素的位置：

ul的元素：

 
 
 
Home
 
About Us
 
Services
 
Our Team
 
Portfolio
 
Clients
 
Blog
 
Contact
 
  

我的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 + ""); } 

我正在弹出弹出框的内容，我正确地获得了li名称，但它只显示了最后一个元素，即Contact， $("#nitspopupmenu").html("

" + lielem + ""); 正在执行或者可能每次都替换内容并显示最后的结果

请帮忙

Answer 1

我认为你应该在html()使用append() html()

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

如果需要多行，则应将所有字符串放在一行中，然后用+符号连接

Answer 2

.html() 替换元素的内容，使用.append()添加到它。

---

您还需要编写有效的HTML。 您有三个缺少其结束标记的开始标记。

Answer 3

请参阅.append()指令的文档 。 使用.html()指令将始终删除所选元素内的所有内容。 使用.append()指令在末尾附加指定的内容。