jquery, comment définir un modèle de dom et de l'utiliser encore et encore

Question

Comment puis-je utiliser un dom comme un modèle, donc quelque chose comme

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

puis remplacer par programme v1-v3 avec certaines valeurs (que je descends une réponse xhr)

Answer 1

Vous pouvez simplement l'enregistrer comme string, puis déposez-le dans un objet jQuery chaque fois que vous avez besoin d'une nouvelle copie. Une fois qu'il fait partie d'un objet jQuery, vous pouvez le parcourir comme s'il était déjà dans le DOM et mettre à jour son contenu.

Quelque chose comme ceci: 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 2

Mustache.js est vraiment bon pour ça.

Answer 3

Vous pouvez faire quelque chose comme ceci:

$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 4

Microsoft est la construction d'un plugin JQuery (il peut être incorporé dans JQuery) pour les modèles.

Microsoft, jQuery, and Templating

Je suis toujours en attente pour voir si quelque chose se passe avec elle, mais il semble prometteur. Je viens de regarder le dépôt github et il semble qu'il y ait eu quelques changements récents (au cours des derniers jours), donc c'est toujours en cours.