Создайте кнопку и поместите разные идентификаторы на каждую кнопку в Jquery

Question

У меня есть цикл, который создает кнопку на столе. Я показываю только ту часть, где я добавляю кнопку.Теперь я хочу изменить button id = "edit" на edit01, edit02, edit03, в котором будет использоваться data.length при продолжении цикла.1005 *

var data = ["1", "2", "3", "4", "5"];
var tb = $('#tab_d')[0];
var content = "";

for (var i = 0; i < data.length; i++) {
  content += '<tr>' + '<td>' + '<button id="edit">' + 'Edit' + '</button>' + '</td>' + '</tr>';
}
tb.innerHTML = content;

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table border="1" id="tab_d"></table>

Answer 1

Внутри цикла просто добавьте значение data, используя клавишу i

var data  = ["1","2","3","4","5"];
var tb = $('#tab_d')[0];
var content = "";

for (var i = 0; i < data.length; i++) {
    var sn = Number(data[i]) < 10 ? ('0' + data[i]) : data[i];
    content += '<tr>'+'<td>'+'<button id="edit'+sn+'">'+'Edit'+'</button>'+'</td>'+'</tr>';
}
tb.innerHTML = content;