JQuery와 입력 필드를 추가하고 그들에게 내가 동적으로 입력 필드를 생성하는 jQuery 코드를 찾고 있어요

Question

을 이수 ..이 코드를 발견하고 내가

DEMO

$(function() { 
    var input = $('<input type="text" />'); 
    var newFields = $(''); 
    $('#qty').bind('blur keyup change', function() { 
     var n = this.value || 0; 
     if (n + 1) { 
      if (n > newFields.length) { 
       addFields(n); 
      } else { 
       removeFields(n); 
      } 
     } 
    }); 

    function addFields(n) { 
     for (i = newFields.length; i < n; i++) { 
      var newInput = input.clone(); 
      newFields = newFields.add(newInput); 
      newInput.appendTo('#newFields'); 
     } 
    } 

    function removeFields(n) { 
     var removeField = newFields.slice(n).remove(); 
     newFields = newFields.not(removeField); 
    } 
}); 

원하는 물건의 종류의하지만 나는 필드는 다음과 같이, numerated하고 싶은 :

• # 1 분야
• # 2 분야
• # 3 필드는

이미 최선을 시도하고 정말 오랜 시간 동안 검색 한하지만 난 나에게 도움이 아무것도 발견하지 않았습니다. 누군가가 나를 도울 수 있기를 바랍니다.

Answer 1

이 시도 :

function addFields(n) { 
     for (i = newFields.length; i < n; i++) { 
      var newInput = $("<div>#"+(i+1)+"</div>").append(input.clone()); 
      newFields = newFields.add(newInput); 
      newInput.appendTo('#newFields'); 
     } 
    } 

DEMO