루프 내에서 jquery 복제가 가능합니까?

Question

루프 내에서 복제에 관한 질문이 있습니다. 실제로 두 가지 문제가 있습니다. 아래의 코드는 내 주변에서 가장 좋은 방법을 찾고 있습니다.

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

data.customers는 json 형식이므로 .length를 사용할 수 없습니다. 내 문제는 jquery 항상 관계없이 #customers 끝에 복제 요소를 추가합니다. json 컬렉션에 다른 요소가 추가 된 경우에만 추가해야합니다. 내가 생각할 수있는 유일한 방법은 배열의 개수를 json으로 돌려 놓고 키가 동등한 지 확인하는 것이다. 루프를 처리 할 때 요소를 복제하는 가장 좋은 방법은 무엇입니까?

누구든지 도움을 줄 수 있습니다.

Answer 1

이 작업을 수행 할 수 있습니다 :

먼저, 당신의 HTML에 고객을위한 특정 "복제 템플릿"을 만들 CSS (.template {display: none;})를 통해 그 보이지 않는합니다.

그런 다음 루프 :

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

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