行を削除した後のJavaScriptの行インデックスの更新

Question

JavaScriptを学習していて、コンテンツを入力するテーブルを作成する必要があります。すべての行はインデックス番号を取得する必要があります。これがうまくいくと、行番号を入力して削除する必要があります。

これまでのところ、とても良いです。

複数行を入力して5行のうち3行を削除した場合でも、そして、私は行のインデックス番号が1,2,4,5から行くことを見ました。それでは、それは更新されません。今私はそれを修正したい..しかし、どのように！私はすべての行の第一数uppon呼び出す方法を考えるカント

..私はあなたが私を助けることができると思います ...

私のプロジェクトへのリンク（申し訳ありません、事前に、私はオランダ人です！） ：ROWNUMBERを入力するための https://jsfiddle.net/Burner/kaqsgra1/

マイループ：

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