只能做个傻瓜^^

// LighTest TPL
$.tpl = function(tpl, val) {
    for (var p in val)
        tpl = tpl.replace(new RegExp('({'+p+'})', 'g'), val[p] || '');
    return tpl;
};
// Routine...
var dataObj = [{id:1, title:'toto'}, {id:2, title:'tutu'}],
    tplHtml = '<div>N°{id} - {title}</div>',
    newHtml    = '';
$.each(dataObj, function(i, val) {
     newHtml += $.tpl(tplHtml, val);
});
var $newHtml = $(newHtml).appendTo('body');

http://jsfiddle.net/molokoloco/w8xSx/。)

这不是特定于jsquery的，但这里有一个由谷歌发布的开源的基于js的模板库:

http://code.google.com/p/google-jstemplate/

这允许使用DOM元素作为模板，并且是可重入的(即模板呈现的输出仍然是一个模板，可以使用不同的数据模型重新呈现)。

对于非常简单的工作，jquery-tmpl就足够了，但在某些情况下，它要求数据知道如何格式化自己(不好的事情!)

如果你正在寻找一个功能更全面的模板插件，我建议Orange-J。它的灵感来自Freemarker。它支持if, else，遍历对象和数组，内联javascript，包括模板中的模板，并具有出色的输出格式选项(maxlen, wordboundary, htmlentities等)。

哦，还有简单的语法。

还有一个由beebolle重写的纯jquery纯html模板- https://github.com/mpapis/jquery-pure-templates

它应该允许更多的自动渲染，主要使用jquery选择器，更重要的是，它不需要把花哨的东西放进HTML。

您可能需要考虑一下如何设计模板。

列出的许多模板解决方案(jquote、jquery-tmpl、jTemplates)的一个问题是，它们要求您在HTML中插入非HTML，在HTML工具中或在HTML设计人员的开发过程中使用这一点可能很痛苦。我个人不喜欢这种方法的感觉，尽管它有优点和缺点。

还有另一类模板方法，它们使用普通HTML，但允许您用元素属性、CSS类或外部映射来指示数据绑定。

Knockout是这种方法的一个很好的例子，但我自己没有使用过，所以我把它留给投票来决定其他人是否喜欢它。至少在我有时间玩它之前。

作为另一个答案列出的PURE是这种方法的另一个例子。

作为参考，你也可以看看chain.js，但它似乎自最初发布以来没有更新太多。有关它的更多背景信息，请参阅http://javascriptly.com/2008/08/a-better-javascript-template-engine/。

我目前正在使用一个多HTML模板框架。这个框架使得在DOM中导入模板化数据变得更加容易。还有很棒的MVC建模。

http://www.enfusion-framework.org/(看看样本!)