在JavaScript中使用HTML代码段(jQuery)

时间:2009-04-20 02:03:27

标签: javascript jquery html

我目前正在开发一个小应用程序,它从我的服务器请求用户信息并使用特殊模板显示它们。

起初,我刚刚在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请求以使其保持独立。这种技术用得多吗?

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

1 个答案:

答案 0 :(得分:7)

我在SO earlier today上给出了类似的答案。您正在寻找的是微模板。 John Resig发布了this on his blog。基本上,您可以获取json数据集并将模板应用于数据以创建html并更新DOM。