JQuery的添加輸入字段，且具他們

Question

我在尋找其動態創建輸入字段一個jQuery代碼..我發現這個代碼，它是種的東西我想

$(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); 
    } 
}); 

DEMO

但我想有領域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