动态添加具有ID和类的表行

Question

我有一张表，其中有一行，我有一个函数，当按下按钮时，它会添加一个表行。但是，添加的新行与第一行没有相同的ID（我需要）。用于添加从堆栈溢出中获取的表行的脚本，但是我是jquery的新手，并且我有点卡住了。

我可以看到td contenteditable被附加到表行中。但是，如果我在其中添加一个id，以便其td id ='task'，则该行上的每个单元格都具有该ID。

这是添加表格行和td的函数

$("#project-table").each(function () {
         var tds = '<tr>';
         jQuery.each($('tr:last td', this), function () {
             tds += '<td contenteditable="true"></td>';
         });
         tds += '</tr>';
         if ($('tbody', this).length > 0) {
             $('tbody', this).append(tds);
         } else {
             $(this).append(tds);
         }
     });

这是我要复制的表格行（完整保留每个td的ID）

<tr>
    <td id="task_name" contenteditable="true"></td>
    <td id="brief" contenteditable="true"></td>
    <td id="assigned_to" contenteditable="true"></td>
    <td id="hours_to_complete" contenteditable="true"></td>
    <td id="status" contenteditable="true"></td>
</tr>

因此，总而言之，我希望我的添加表行函数添加具有相同ID的相同单元格数量的行。

Answer 1

我想出了答案，通过从选择器的每个部分中删除“ td”，我可以指定ID：

jQuery.each($('tr:last', this), function () {
        tds += '<td id='task_name' contenteditable="true"></td>';
        tds += '<td id='brief' contenteditable="true"></td>';
        tds += '<td id='assigned_to' contenteditable="true"></td>';
        tds += '<td id='hours_to_complete' contenteditable="true"></td>';
        tds += '<td id='status' contenteditable="true"></td>';
});