클로저 함수가 루프의 모든 인덱스를 추가합니다.

Question

루프를 사용하여 요소에 인덱스 값을 추가하려고합니다. 나는 closure을 여러 개의 색인이 추가되지 않도록 만들었습니다.

하지만 내 closure 기능은 여전히 ​​dom

var $newdiv = $('.div').clone().removeClass('div').addClass('show') 
    $col = $('<div />'); 
    var add = function() { 
    for(var i=1; i<=10; i++){ 
     (function x (n) { 
      return function() { //not working! 
       $newdiv.find($('a span').append(n)).end().clone().appendTo($col); 
      }(); 
     }(i)); 
    } 

} 

$col.appendTo('#content'); 
$('button').click(function() { add()}); 
$('#content').slimScroll({}); 

Live

Answer 1

나는이 같은 내 코드를 업데이트에 여러 (이전) 인덱스를 추가. 그것은 잘 작동합니다.

var $newdiv = $('.div').clone().removeClass('div').addClass('show') 
    $col = $('<div />'); 
var n = 0; 
    var add = function() { 
    for(var i=1; i<=10; i++){ 
     $newdiv.clone().removeClass('div').addClass('show') 
     .find('span').append(n = n < 9 ? '0'+(++n) : ++n).end().clone().appendTo($col); 
    } 

} 

$col.appendTo('#content'); 
$('button').click(function() { add()}); 
$('#content').slimScroll({});