推荐2012年的jQuery模板？

jQuery模板现在已经被弃用了一段时间了。

我有一些JavaScript对象的forms的数据，我想格式化为HTML并附加到DOM。 这些日子最好的办法是什么？

1. 我应该build立一个HTMLstring？
2. 我应该通过jQuery创build元素，如$('<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来replacevariables：

 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，但语法非常相似。

Answer 3

Moustache.js对于模板很有用。

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

Answer 4

一路模板，比试图手动parsingJSON更容易。 由于我对它做出了贡献，所以我偏向于json2html，因为它不需要编译模板，只使用JSON和JavaScript。

http://json2html.com

Answer 5

我真的不喜欢使用JavaScript构buildhtml元素，所以我build议你使用一些模板。
你可以在这里find一个模板列表和一个相关的问题。

我曾经使用jQuery Templates ，它很简单，但不再积极。