jquery clonage dans une boucle?

Question

J'ai une question sur le clonage dans une boucle, deux problèmes en fait et juste en essayant de trouver le meilleur moyen de contourner le problème, voici mon code.

$.each(data.customers,function(key, value){ 
    $('.customer').find('label').eq(0).text(value.name); 
    $('.customer').eq(0).clone().appendTo('#customers'); 
}); 

Le fichier data.customers est au format json, donc je ne peux pas faire de longueur. Mon problème est que jquery ajoutera toujours un élément clone à la fin de #customers. Je dois seulement ajouter si leur est un autre dans la collection de json. La seule façon dont je peux penser à le faire est de retourner le compte du tableau en json et de vérifier que la clé est égale à cela, ce qui semble absurde. Quel est le meilleur moyen de cloner des éléments lorsque vous traitez avec une boucle?

Quelqu'un peut-il aider.

Answer 1

Vous pouvez le faire:

D'abord, créer un "modèle clonage" spécifique pour les clients dans votre code HTML, assurez-vous que invisible via CSS (.template {display: none;}).

Ensuite, dans votre boucle:

$.each(data.customers, function (key, value) { 
    var $newCustomer = $('#customers .customer.template').clone(); 

    $newCustomer.removeClass("template").find('label:first').text(value.name); 
    $('#customers').append($newCustomer); 
});