Question

我学习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);
}

Answer 1

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

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

JSFiddle

删除行后javascript行索引更新

1 个答案: