如何在jquery

Question

我正在尝试将以下html代码添加到由其ID名称#nitspopupmenu调用的div中：

<div class="form-group">
    <div class="pagesmenu">
       <span>
         <i class="fa fa-bars"></i> Home
       </span>
     </div>
 </div>

我试图附加上面的html标签，但是没有用，然后我尝试了wrapinner但与wrapinner的文档混淆，因为它说我们可以插入<span>标签，但是我收到了非法令牌的错误

我的Jquery看起来像：

var element = $("li").text();
$("#nitspopupmenu").wrapInner(function () {
   return "<div class='form-group'><div class = 'pagesmenu selected'><span><i class = 'fa fa-bars'></i>' + element + '</span></div></div>" 
 });

我在console.log中获得了元素的值，它可以正常工作。

请帮忙， 感谢。

Answer 1

您只需使用.html()设置新的html或.append()即可附加内容。

还要确保在使用字符串html连接时正确连接元素文本：

 var element = $("li").text();
 $("#nitspopupmenu").html("<div class='form-group'><div class = 'pagesmenu selected'><span><i class = 'fa fa-bars'></i>" + element + "</span></div></div>" });

Answer 2

只需添加：

var element = $("li").text();

$("#nitspopupmenu").hmtl('<div class="form-group"><div class="pagesmenu"><span><i class="fa fa-bars"></i>'+element+'</span> </div></div>');