在AddRowJavaScript中删除行时,行计数工作不正常
我正在使用javascript添加行,一切正常,但当我删除中间行时,行计数没有得到更新 行数是这样的:1,2,3,4,5 如果我删除第三行,它将显示为:1,2,4,5 HTML在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)'
#
名称
删除
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();
}