Как создать идентификатор данных динамически?

Question

Прежде чем спросить мою помощь, я хотел бы объяснить, как работает мое приложение. Я создаю группу некоторых пользователей. Чтобы создать группу, установите флажки и нажмите кнопку группы, введите имя и нажмите ОК. Это имя группы появится в правой части таблицы. Теперь, чтобы проверить членов группы, щелкните имя группы, и соответствующие флажки будут выбраны. Пример в этой скрипке, когда вы нажмете на имя группы test2, а затем на левой стороне последние 3 строки будут выбраны флажки. Это работает нормально.

Моя проблема На вкладке «Пользователи», когда есть форма, которая принимает имя, номер телефона и номер телефона. После заполнения всех полей и нажатия кнопки «Добавить» слева добавляется новый. Теперь предположим, что если я хочу создать группу, выбирая флажок этой вновь созданной строки, то она не показывает мне идентификатор данных и да, он должен знать, потому что в этом <td><input data-id="46" type="checkbox"></td> число 46 - это номер автоматического прироста из таблицы mysql . Так когда вставлена ​​строка, этот идентификатор увеличивается. Это происходит в конце. Скажите, пожалуйста, как это сделать в передней части. Это fiddle, и это full screen скрипки (потому что вкладки не работают на маленьком экране, и я не знаю почему).

Answer 1

Вы можете сохранить последние данные идентификатора в глобальный переменный, как,

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

Вы можете использовать localstorage или sessionstorage в зависимости от того, как переменная должна быть сброшена. Вы также можете использовать cookie.

Вот Working Fiddle

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