如何使用jquery添加html内容与另一个html内容

Question

var productInfo= $('#product-info'+PID).html();  
console.log(productInfo); // this works fine
        var pinfoID='padded-info'+PID; // this is okay

现在我想按如下方式包装产品信息：

   productInfo='<li id="'+pinfoID+'">
                          <div class="alert alert-success">
                            <button type="button" class="close" >×</button>
                            <strong>'+productInfo+'</strong> 
                        </div>
                 </li>';

但它不起作用。我做错了什么？

Answer 1

似乎要重新定义productInfo？尝试为最终html片段提供不同的变量名称

   var productInfoHtml = '<li id=' + pinfoID + '>'
                          + '<div class=alert alert-success>'
                          + '<button type=button class=close>×</button>'
                          + '<strong>' + productInfo + '</strong>' 
                          + '</div></li>';