Comment obtenir une copie de l'élément entier dans jQuery?

Question

Je veux obtenir l'élément sélectionné, puis insérer ses copies dans quelques endroits.

var template = $("#info-" + country + " > .stats > .template").clone(); 
$(template).insertBefore("#info-" + country + " > .stats > .template"); 

Qu'est-ce que je fais mal qu'il ne copie pas l'élément et l'insère?

P.S. L'élément que je choisis de copier est display: none.

Answer 1

Vous avez une enveloppe supplémentaire là, template est déjà un objet jQuery, vous avez juste besoin:

var template = $("#info-" + country + " > .stats > .template").clone(); 
template.insertBefore("#info-" + country + " > .stats > .template"); 

Ou un peu plus simple:

var template = $("#info-" + country + " > .stats > .template"); 
template.clone().insertBefore(template); 

Ou utilisez .before() avec une fonction, comme celui-ci :

$("#info-" + country + " > .stats > .template").before(function() { 
    return $(this).clone(); 
});