删除行后javascript行索引更新

时间:2017-01-17 13:26:48

标签: javascript html

我学习JavaScript并完成这项任务,我必须在其中构建一个表格,我输入内容。每一行都必须得到一个索引号。当这个工作时你必须能够输入行号并删除它。

到目前为止,非常好。

但是当我输入多行并删除了5行中的第3行时。我看到行索引号从1,2,4,5开始。所以它没有更新。现在我想解决这个问题......但是如何解决?!

我想不出一种方法只能调用uppon每行的第一个数字.. 我希望你能帮帮我..

我项目的链接(提前抱歉,我是荷兰人!): https://jsfiddle.net/Burner/kaqsgra1/

我输入rownumber的循环:

function addContent(){
    for(i = 0; i < f.length; i++){
        newData[i] = f.elements[i].value;
    }

    var newRow = contenttable.insertRow();

    for (var i = 0; i< 4; i++){
        newData[0] = contenttable.rows.length - 1;
        var newCel = newRow .insertCell(i);
        newCel.innerHTML = newData[i];
    }    

   }

删除号码时,我会调用此功能:

function deleteNumber(){
    var numRows = contenttable.rows.length - 1;

    if(deleteNr.value == ""){
        alert("Voer svp een nummer in!");
        return false;
    }
    if(deleteNr.value > numRows){
        alert("Dit rijnummer bestaat niet ");
        return false;
    }
    document.getElementById("uitvoertabel").deleteRow(deleteNr.value);
}

1 个答案:

答案 0 :(得分:1)

deleteNumber功能中,删除所选行后重新编号行。

for (var i = 0; i< uitvoertabel.rows.length; i++){
  uitvoertabel.rows[i].cells[0].innerHTML = i;
} 

JSFiddle