jQuery - OnClick添加表单输入并分配名称属性

Question

我有一个jQuery按钮，每次按下后将输入附加到表单。我的问题是我需要一种方法来给jQuery产生的新输入提供名称属性（数字）。

1: <input type="file"> 
2: <input type="file"> 
3: <input type="file"> 
4: <input type="file"> 

Answer 1

每次点击#button获取最后一个输入并设置新的名称属性。然后追加新的输入元素的形式：

$('#button').on('click', function() { 
 
    var form = $('#form'); 
 
    var num = parseInt(form.find('input:last-of-type').attr('name')) + 1; 
 
    form.append('<input type="file" name="' + num + '" />'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<form id="form"> 
 
    <input type="file" name="1" /> 
 
</form> 
 

 
<button id="button">Add new</button>