Javascript 自动递增输入值

我的html结构如下：

<table id="options-table">                  
            <tr>
                <td width="10">No.</td>
                <td>Field 1</td>
                <td>Field 2</td>
                <td></td>
            </tr>
            <tr>
                <td><input type="text" value="1" /></td>
                <td><input type="text" /></td>
                <td><input type="text" /></td>                        
                <td><input type="button" class='del' value='Delete' /></td>
            </tr>                  
            <tr>
                <td><input type="text" value="2"  /></td>
                <td><input type="text"  /></td>
                <td><input type="text"  /></td>
                <td><input type="button" class="add" value="Add More" /></td>
            </tr>
        </table>

不
字段1
字段2

jQuery代码是这样的

$('table').on('click','.del', function(){
                    $(this).parent().parent().remove();
                });

                $('table').on('click', '.add', function(){
                    $(this).val('Delete');
                    $(this).attr('class','del');
                    var appendTxt = "<tr><td><input type='text'/></td> <td><input type='text' /></td> <td><input type='text' /></td> <td><input type='button' class='add' value='Add More' /></td></tr>";
                    $("tr:last").after(appendTxt);          
                });        

$（'table'）。在（'click'，'.del'，function（）上{
$（this.parent（）.parent（）.remove（）；
});
$（'table'）。在（'click'，'add'，function（）上{
$（this.val（'Delete'）；
$（this.attr（'class'，'del'）；
var appendTxt=“”；
$（“tr:last”）。在（appendTxt）之后；
});        

如何在“编号”列中添加自动递增的编号，以便每次添加新行时，字段值将填充自动递增的编号，每次删除一行时，该行下方的编号将重新计算

这是我的建议 谢谢

将名称添加到输入中（也可以是类属性），如下所示：

，然后每次更改表格时更新输入值

$("input[name='number']").each(function(ind) {
   $(this).val(ind + 1);
});

请参见向输入中添加名称（也可以是类属性），如下所示：

，然后每次更改表格时更新输入值

$("input[name='number']").each(function(ind) {
   $(this).val(ind + 1);
});

请参见向输入中添加名称（也可以是类属性），如下所示：

，然后每次更改表格时更新输入值

$("input[name='number']").each(function(ind) {
   $(this).val(ind + 1);
});

请参见向输入中添加名称（也可以是类属性），如下所示：

，然后每次更改表格时更新输入值

$("input[name='number']").each(function(ind) {
   $(this).val(ind + 1);
});

请参见

无标题文件
不
字段1
字段2
$（'#选项表'）。在（'单击'，'.del'，函数（）上{
$（this.parent（）.parent（）.remove（）；
createAll（）；
});
$（“#选项表”）。在（'单击'，'.add'，函数（）上{
$（this.val（'Delete'）；
$（this.attr（'class'，'del'）；
var rowCount=$（'#选项表tr'）。长度；
var appendTxt=“”；
$（“tr:last”）。在（appendTxt）之后；
更新数据（）；
});
函数updatedata（）{
var rowCount=$（'#选项表tr'）。长度；
对于（i=0；i

无标题文件
不
字段1
字段2
$（'#选项表'）。在（'单击'，'.del'，函数（）上{
$（this.parent（）.parent（）.remove（）；
createAll（）；
});
$（“#选项表”）。在（'单击'，'.add'，函数（）上{
$（this.val（'Delete'）；
$（this.attr（'class'，'del'）；
var rowCount=$（'#选项表tr'）。长度；
var appendTxt=“”；
$（“tr:last”）。在（appendTxt）之后；
更新数据（）；
});
函数updatedata（）{
var rowCount=$（'#选项表tr'）。长度；
对于（i=0；i

无标题文件
不
字段1
字段2
$（'#选项表'）。在（'单击'，'.del'，函数（）上{
$（this.parent（）.parent（）.remove（）；
createAll（）；
});
$（“#选项表”）。在（'单击'，'.add'，函数（）上{
$（this.val（'Delete'）；
$（this.attr（'class'，'del'）；
var rowCount=$（'#选项表tr'）。长度；
var appendTxt=“”；
$（“tr:last”）。在（appendTxt）之后；
更新数据（）；
});
函数updatedata（）{
var rowCount=$（'#选项表tr'）。长度；
对于（i=0；i

无标题文件
不
字段1
字段2
$（'#选项表'）。在（'单击'，'.del'，函数（）上{
$（this.parent（）.parent（）.remove（）；
createAll（）；
});
$（“#选项表”）。在（'单击'，'.add'，函数（）上{
$（this.val（'Delete'）；
$（this.attr（'class'，'del'）；
var rowCount=$（'#选项表tr'）。长度；
var appendTxt=“”；
$（“tr:last”）。在（appendTxt）之后；
更新数据（）；
});
函数updatedata（）{
var rowCount=$（'#选项表tr'）。长度；
对于（i=0；iA）而言，口头讨论如何/为什么工作可能有助于OP。口头讨论如何/为什么工作可能有助于OP。口头讨论如何/为什么工作可能有助于OP。口头讨论如何/为什么工作可能有助于OP。