jquery，如何定义dom模板并一遍又一遍地使用它

Question

如何使用某些dom作为模板，如

<div>
    <span> v1 </span>
    <span> v2 </span>
    <span> v3 </span>
</div>

然后以编程方式将v1-v3替换为某些值（我得到的是xhr repsonse）

Answer 1

您可以这样做：

$template = $('<div><span>v1</span><span>v2</span><span>v3</span></div>');

$new_dom_element = $template.clone();
// do your thing with replacing the content.

Answer 2

您只需将其存储为string，然后在需要新副本时将其放入jQuery对象中。

一旦它成为jQuery对象的一部分，就可以像在DOM中一样遍历它，并更新其内容。

像这样：http://jsfiddle.net/bZz96/

var div_template = "<div><span> v1 </span><span> v2 </span><span> v3 </span></div>";

$(div_template).find('span')
    .text( function(i) { return 'some new value ' + i; } )
    .end().appendTo('body');

Answer 3

Mustache.js对此非常有用。

Answer 4

Microsoft正在为模板构建一个JQuery插件（它可能会被合并到JQuery中）。

Microsoft, jQuery, and Templating

我还在等着看是否有任何事情发生，但看起来很有希望。我只是查看了github存储库，看起来最近有一些变化（在过去的几天内），所以它仍在进行中。