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 = '',&nbsp; &nbsp; list = $('#content').clone().prop("outerHTML");&nbsp; &nbsp;&nbsp;for(var i = 0; i < 10; i++){&nbsp; &nbsp; context += '<li>' + list + '</li>';}$("#app").append(context);

Answer 2

js里面写的list对应的jq对象，字符串和对象拼接会将对象转为string类型，所以结果会和预期想的不一样，改为如下&nbsp; var context = '',&nbsp; &nbsp; &nbsp; &nbsp; list = $('#content');&nbsp; &nbsp; for (var i = 0; i < 10; i++) {&nbsp; &nbsp; &nbsp; &nbsp; context += '<li><div id="content"><h1>标题</h1><p><内容></p></div></li>';&nbsp; &nbsp; }&nbsp; &nbsp; $("#app").append(context);