天天看點

jq寫入多個html,如何使用jquery插入大量html..

準備html字元串

無論怎麼插入,那堆html字元串肯定是省不了的……

是以你可以選擇是把那堆html放在

然後用$('#tr-template').html()來擷取。

還是直接作為Ajax的結果傳回。

插入字元串

插入的話,用$(...).append(html)就能把字元串加入到目标元素中了。

不過貌似你還需要做一些替換(如果能直接插入就不成問題了對吧),還好有人寫了個String.format函數

是以你可以拷下來改改,用這個String.format将模闆中的{1},{2}什麼的替換成Ajax傳回的變量,這樣再插入就好了。

更進一步說,還可以拓展這個函數,提高它的可讀性:

if (!String.prototype.format) {

String.prototype.format = function() {

var hash = arguments[0];

return this.replace(/{(\w+)}/g, function(match, item) {

return typeof hash[item] != 'undefined' ? hash[item] : match;

});

};

}

console.log("my name is {name}".format({ name: '順其自然' }));