刪除一行後的javascript行索引更新

我正在學習JavaScript並已完成此任務，我必須在其中輸入內容。每一行都必須得到一個索引號。而當這個工作，你必須能夠輸入行號並刪除它。刪除一行後的javascript行索引更新

到目前爲止，這麼好。

但是當我輸入multible行並刪除了第5行。我看到行索引號從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); 
}

來源

2017-01-17 SanderS

你可以更新您的代碼段爲英語？ – DomeTune

@DomeTune，做到了！ – SanderS

看看這個小提琴https://jsfiddle.net/aakashmartand/246grrrw/ –

在您的deleteNumber函數中，刪除所選行後對行重新編號。

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

JSFiddle

來源

2017-01-17 13:57:07 Jerrad

我喜歡你！謝謝！！ – SanderS

刪除一行後的javascript行索引更新

回答

相關問題