我的网页中有一个 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 添加到新添加的行中?
最佳答案
在你的函数 editRow
中写:
var lastID = $('#lastID').val();
// Do your insertion stuff
// ...
// After insertion, raise lastID by 1
$('#lastID').val(++lastID);
关于javascript - jQuery/JavaScript : ids for newly appended rows,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10977207/