推荐的2012年jQuery模板？

Question

jQuery模板已经被弃用了一段时间了.

我有一些JavaScript对象形式的数据,我想格式化为HTML并附加到DOM.这些天最好的办法是什么？

1. 我应该建立一个HTML字符串吗？
2. 我应该通过jQuery创建元素$('<li>',{id:'my-'+Id}).append($('<span>').text(myText))吗？
3. 是否有替代或成熟的jQuery模板替代品？

Answer 1

这就是我在项目中的表现:

在HTML中定义模板:

<script type="text/template" id="cardTemplate">
<div>
    <a href="{0}">{1}</a>
</div>
</script>

使用string.format替换变量:

var cardTemplate = $("#cardTemplate").html();
var template = cardTemplate.format("http://example.com", "Link Title");
$("#container").append(template);

string.format:

String.prototype.format = function() {
  var args = arguments;
  return this.replace(/{(\d+)}/g, function(match, number) { 
    return typeof args[number] != 'undefined'
      ? args[number]
      : match
    ;
  });
};

非常简单,您甚至可以组合模板.

Answer 2

你一定要试试Handlebars和/或Mustache

我倾向于使用Handlebars,但语法非常相似.

Answer 3

Mustache.js非常适合模板化.

https://github.com/janl/mustache.js

Answer 4

模板一直比尝试手动解析JSON容易得多.由于我做出了贡献,我偏爱json2html,因为它不需要编译模板,只使用JSON和JavaScript.

http://json2html.com