これがデモテーブルです
<table id="table1">
<tr>
<td><label>name</label><input type="text" id= "name1"/></td>
<td><label>age</label><input type="text" id= "age1"/></td>
<td><input type="button" id= "addRow"style="background-image:url("images/addicon.png");"/></td>
</tr>
そしてjqueryコードmは
$("#addRow").live("click", function (e, index) {
var val = ("#table1 tr").length();
val++;
$('#table1 tbody > tr:last').after('<tr><td><label>name</label><input type="text" id= "name"'+val+'/></td><td><label>age</label><input type="text" id= "age"'+val+'/></td><td><input type="button" id= "addRow"style="background-image:url("images/addicon.png");"/></td><td><input type=button id="deleteRow" style="background-image:url("images/removeicon.png");"></td>');
});
$("#deleteRow").live("click",function(e,index){
$(this).parent().closest("tr").remove();
});
ここで、誰かが行を2回追加し、行を削除すると問題が発生します。つまり、valはname2になり、name3はname2が削除されたと仮定し、次に行番号を追加します。行の数が2であるため、val ++の結果は3になり、新しい行のidはname3になります。これは、私にとって問題を引き起こしています。実際に必要なのは、削除される行に関係なく、行数1 23...をこのように維持する必要があることです。誰かがこれで私を助けることができますか、私はたくさんのチュートリアルを経験しました、しかしそれらのどれもyiがこの質問を提起した均一な行数を維持していません。