在JavaScript中使用HTML代碼片段（jQuery）

Question

我目前正在開發一個小應用程序，它向我的服務器請求用戶信息並使用特殊模板顯示它們。

起初，我只是硬編碼的小片段jQuery中：

$("<li><div class='outer'><table><tr><td rowspan=2 class='imgcontainer'><img class='thumb'/></td><td><span class='username'/></td></tr><tr><td><span class='name'/></td></tr></table></div></li>") 

我克隆了好幾遍。

這是醜陋的，我希望它有語法高亮和whatnot，所以它會更好的在HTML文件本身。

此外，它會使合併更容易，所以有人可以改變一兩行。

有沒有這樣的模式？我可以將它放入包含此JS的HTML文件中（只有一個），並使用CSS隱藏它。

我想到的第三個選擇是創建一個單獨的HTML文件，並從服務器請求jQuery單獨保存它。這種技術用得多嗎？

此外，有什麼術語我可以用來描述我在做什麼？ （很難問一個我不知道名字的概念問題）

Answer 1

我在SO earlier today上給出了類似的答案。你在找什麼叫做微模板。 John Resig發佈了this on his blog。基本上你可以得到一個json數據集，並將一個模板應用到數據中以創建html並更新DOM。