jquery如何把html作为字符串变量在js里拼接？

Question

例如：

<ul id="app"></ul>

<div id="content">
    <h1>标题</h1>
    <p><内容>
</div>

var context = '',
    list = $('#content').clone();
    
for(var i = 0; i < 10; i++){
    context += '<li>' + list + '</li>';
}

$("#app").append(context);

想做这样一个操作，但是这个写法不对，请问怎样写可以实现？

Answer 1

不知道你是不是要这样的效果。不过要注意 id="content"重复的情况。

var context = '',
    list = $('#content').clone().prop("outerHTML");
    
for(var i = 0; i < 10; i++){
    context += '<li>' + list + '</li>';
}

$("#app").append(context);

Answer 2

js里面写的list对应的jq对象，字符串和对象拼接会将对象转为string类型，所以结果会和预期想的不一样，改为如下

  var context = '',
        list = $('#content');
    for (var i = 0; i < 10; i++) {
        context += '<li><div id="content"><h1>标题</h1><p><内容></p></div></li>';
    }
    $("#app").append(context);