在AddRowJavaScript中删除行时,行计数工作不正常

在AddRowJavaScript中删除行时,行计数工作不正常,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我正在使用javascript添加行,一切正常,但当我删除中间行时,行计数没有得到更新 行数是这样的:1,2,3,4,5 如果我删除第三行,它将显示为:1,2,4,5 HTML # 名称 删除 1. 删除 拯救 添加 您必须重新生成每行更改的行号 function RefreshRowNumber(){ $("#add-row1 tr").each(function(i,n){ var td = $(this).find('td:eq(0)'

我正在使用javascript添加行,一切正常,但当我删除中间行时,行计数没有得到更新

行数是这样的:1,2,3,4,5

如果我删除第三行,它将显示为:1,2,4,5

HTML


#
名称
删除
1.
删除
拯救
添加

您必须重新生成每行更改的行号

function RefreshRowNumber(){
         $("#add-row1 tr").each(function(i,n){ 
                var td = $(this).find('td:eq(0)').html('').append(i+1); 
         });  
}
尝试更新您的代码,如下所示

function deleteRow(row) {
     // your code here
       RefreshRowNumber();
}

function insRow() {
      // your code here
      RefreshRowNumber();
}
函数deleteRow(行){
var i=row.parentNode.parentNode.rowIndex;
如果(i>1){
document.getElementById('add-row').deleteRow(i);
更新_编号(i);
}否则{
document.getElementById('add-row')。getElementsByTagName('input')[0]。值=“”;
}
}
功能更新编号(i){
var table=document.getElementById(“添加行”);
for(var r=1,n=table.rows.length;r

#
名称
删除
1.
删除
拯救
添加
function deleteRow(row) {
     // your code here
       RefreshRowNumber();
}

function insRow() {
      // your code here
      RefreshRowNumber();
}