在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ jquery如何把html作為字符串變量在js里拼接？

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

例如：

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

<div id="content">
    <h1>標題</h1>
    <p><內(nèi)容>
</div>
var context = '',
    list = $('#content').clone();
    
for(var i = 0; i < 10; i++){
    context += '<li>' + list + '</li>';
}

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

想做這樣一個操作，但是這個寫法不對，請問怎樣寫可以實現(xiàn)？

回答
編輯回答
安于心

js里面寫的list對應(yīng)的jq對象，字符串和對象拼接會將對象轉(zhuǎn)為string類型，所以結(jié)果會和預(yù)期想的不一樣，改為如下

  var context = '',
        list = $('#content');
    for (var i = 0; i < 10; i++) {
        context += '<li><div id="content"><h1>標題</h1><p><內(nèi)容></p></div></li>';
    }
    $("#app").append(context);
2017年5月17日 06:16
編輯回答
局外人

不知道你是不是要這樣的效果。不過要注意 id="content"重復(fù)的情況。

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

$("#app").append(context);
2017年7月12日 03:24