Javascript 如何将delete按钮添加到jQuery中clone（）方法中新追加的表行中？

单击Add按钮，我将在HTML表中添加一个新行。JSFIDLE链接如下所示：

上面的代码对我来说真的很好。 但是我不能为每个新添加的行添加delete按钮。我尝试了下面的代码，但没有成功。在控制台中引发了一个错误

$(document).ready(function () {
  $('.btnAdd').click(function () {
    var new_row = $('#reb1').clone()+'<button style="margin: -26px -14px;float: right; color:#C00; opacity: 2;" type="button" class="close" onclick="deleteRow(this)" data-dismiss="alert" aria-hidden="true">&times;</button>';
    var tbody = $('tbody', '#blacklistgrid');
    var n = $('tr', tbody).length  + 1;
    new_row.attr('id', 'reb' + n);
    $(':input', new_row).not('.prod_list').remove();
      tbody.append(new_row);
   });
});

$（文档）.ready（函数（）{
$（'.btnAdd'）。单击（函数（）{
var new_row=$（'#reb1'）.clone（）+'×；'；
var tbody=$（'tbody'，'#blacklistgrid'）；
变量n=$（'tr'，tbody）.length+1；
新行属性（'id'，'reb'+n）；
$（'：input'，new_行）。不是（'.prod_列表'）。删除（）；
tbody.append（新行）；
});
});

---

我想在新添加的

的

中添加此按钮代码，其中存在“产品选择控件”（即在新添加行的第一列的

标记之后，但在
之前）。我应该如何做到这一点？有人能给我一个方法来实现这一点吗？如果您除了使用
clone（）
方法之外还有其他逻辑，那么就可以了。没有问题。提前谢谢。如果您需要更多信息，请告诉我。
您可以在追加新行之前执行此操作

new_row.find("td:eq(1)").html(
  '<button style="color:#C00; opacity: 2;" type="button" class="close" onclick="deleteRow(this)" data-dismiss="alert" aria-hidden="true">&times;</button>'
);

new_row.find（“td:eq（1）”）.html(
“×；”
);

如果您想将按钮“附加”在选择标记的后面，您应该尝试这样做

$('<button>Delete row</button>').appendTo( $(new_row.find('td:first')) );

你应该可以看到选择标签下面的按钮。
逻辑非常简单——您告诉jQuery找到新创建行的第一个单元格，并在其末尾添加一个按钮。由于我们有一个选择框，按钮将出现在它的后面。代码非常简单，因此对您来说应该是一个好的开始。
您希望按钮显示在最后一个td中，或者显示在新行的确切位置？@BatuZet:我希望按钮显示在新添加的第一行中。在包含Selct Prodcut下拉列表的同一目录中。一旦此下拉列表的结束标记完成，按钮应该显示出来，然后应该接近。您的想法运行良好。但在删除同一行时遇到问题。这与deleteRow（）函数有问题。我已将代码添加到我的小提琴中。更新的fiddle链接是：你能纠正问题吗？它现在工作得很好。更新答案并更新小提琴。我也接受了你的回答。
tbody.append(new_row);