如何动态创建data-id？

Question

在寻求帮助之前，我想解释一下我的应用程序如何工作。 我正在创建一些用户组。 要创建一个组，请选择一些复选框，然后单击“组”按钮，输入一些名称，然后单击“确定”。 该组名将出现在表格的右侧。 现在，要检查组成员，请单击组名称，然后将选中各个复选框。 这个小提琴中的示例，当您单击test2组名称时，然后在左侧的最后3行中将选中复选框。 一切正常。

我的问题在“用户”选项卡中，有一个接受姓名，手机和电话号码的表格。 填写完所有字段并按下添加按钮后，新的添加到左侧。 现在假设如果要创建一个组，请选中此新创建的行的复选框，那么它不会显示任何data-id，是的，它应该知道，因为在此<td><input data-id="46" type="checkbox"></td>数字46是mysql表中的自动递增数字。因此，当插入一行时，此id会增加。 这发生在后端。 请告诉我如何在前端进行此操作。 这是小提琴 ，这是小提琴的 全屏显示 （因为选项卡在小屏幕上不起作用，我不知道为什么）。

Answer 1

您可以将最后一个数据ID保存到全局变量中，例如，

var current_user_count;

function addUser(){
   current_user_count = parseInt($('td').last().attr('data-id')):
   current_user_count +=1;
   $("element").append('<td data-id="current_user_count"></td>')
}

为单击按钮添加此函数addUser（） 。

Answer 2

您可以根据变量的重置方式使用本地存储或会话存储。 您也可以使用cookie。

这是工作小提琴

if(!localStorage.count) {
    localStorage.count = 0;   
}
localStorage.count++;
var num = localStorage.count;
$("#shortfall").text(num);