在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>")

我克隆了好几次.

这很丑陋,我希望它有语法高亮和诸如此类的东西,所以我最好把它放在HTML文件本身.

此外,它将使合并更容易,所以有人可以改变一两行.

有这种模式吗？我可以把它放在我包含这个JS的HTML文件中(只有一个),并使用CSS隐藏它.

我想到的第三个选项就是创建一个单独的HTML文件,并从服务器获取jQuery请求以使其保持独立.这种技术用得多吗？

还有,我可以用任何术语来描述我在做什么吗？(对于一个我不知道名字的概念提出问题更难)

Answer 1

我今天早些时候在SO上给出了类似的答案.您正在寻找的是微模板.John Resig 在他的博客上发布了此消息.基本上,您可以获取json数据集并将模板应用于数据以创建html并更新DOM.