javascript - jQuery/JavaScript : ids for newly appended rows

Question

我的网页中有一个 html 表格。它充满了我的数据库中的信息。

它有这样的结构:

Id- Title –Author
1 – Africa – John Smith
2- Europe- Martin Coole

该表位于一个表单内，并有一个“添加更多”按钮。

当您点击该按钮时，会显示一个模态窗口，您可以使用以下方法将另一个标题作者行添加到表中:

//inside of the addRow function
    $('#myTable').append(“<tr><td>..”);

表格的每一行都有一个编辑和删除按钮。 onclick 有:

//For the edit button
 editRow(id, value1, value2);
//For the delete button
 deleteRow(id);

我的问题来了，ID。

来自数据库的信息具有固定 ID(1 和 2)，但我应该如何处理附加有“添加更多”按钮的行的 ID？

到目前为止，我所做的是从数据库行中获取最后一个 ID，然后将其放入我的表中的隐藏字段中，然后放入我的 js 文件中:

var lastID = $('#lastID').val();
var i = 1;
var newId = parseInt (lastID)+i;

newId 是 3，如果追加一行是有效的，但如果通过“添加更多”按钮追加第二行，我又在 newId 中有 3 :((

我该如何解决这个问题？如何将连续的 id 添加到新添加的行中？

Answer 1

在你的函数 editRow 中写:

var lastID = $('#lastID').val();

// Do your insertion stuff
// ...

// After insertion, raise lastID by 1
$('#lastID').val(++lastID);