Javascript 使用jQuery向特定按钮添加id

我不熟悉jQuery和JS。所以我的任务是使用对话框表单创建tabel行。每行最后一个单元格必须包含一个按钮。我的问题是如何为这个特定按钮添加id。我尝试选择按钮并添加.attr（'id'，'delete'），但这会更改打开对话框的按钮的id

那么，我怎样才能只向新创建的按钮添加id呢

表格{
边界塌陷：塌陷；
}
th{
填充：0.2米；
}
运输署{
边缘：0.2米；
填充：0.2米；
文本对齐：居中；
边框：1px纯灰；
}
.ui小部件头，
.ui小部件内容{
填充：0.8em；
}
.向左浮动{
浮动：左；
}
.向右浮动{
浮动：对；
}

所有汽车
添加新地址
#
Марка
Модел
Година
Километри
Премахни
1.
宝马
i8
2015
10 000
删除
Марка
Модел
Година
Километри

将

id

添加到

rowTpl

变量中的按钮，如下所示

var rowTpl = '<tr>' +
'<td>' + nextNumber + '</td>' +
'<td>' + $('#brand', form).val() + '</td>' +
'<td>' + $('#model', form).val() + '</td>' +
'<td>' + $('#year', form).val() + '</td>' +
'<td>' + $('#kms', form).val() + '</td>' +
'<td>' + '<button id="delete'+nextNumber+'">' + '<span>' + 'Delete' + '</span>' + '</button>' + '</td>' +
'</tr>';

var rowTpl=''+
''+nextNumber+''下一个数字+
'+$（'#brand'，form.val（）+''+
'+$（'#model'，form.val（）+''+
'+$（'#year'，form.val（）+''+
'+$（'#kms'，form.val（）+''+
''++''++''删除'++''++'''+
'';

---

它会将按钮

id

添加为

delete1、delete2、delete3，…

将

id

添加到

rowTpl

变量中的按钮，如下所示

var rowTpl = '<tr>' +
'<td>' + nextNumber + '</td>' +
'<td>' + $('#brand', form).val() + '</td>' +
'<td>' + $('#model', form).val() + '</td>' +
'<td>' + $('#year', form).val() + '</td>' +
'<td>' + $('#kms', form).val() + '</td>' +
'<td>' + '<button id="delete'+nextNumber+'">' + '<span>' + 'Delete' + '</span>' + '</button>' + '</td>' +
'</tr>';

var rowTpl=''+
''+nextNumber+''下一个数字+
'+$（'#brand'，form.val（）+''+
'+$（'#model'，form.val（）+''+
'+$（'#year'，form.val（）+''+
'+$（'#kms'，form.val（）+''+
''++''++''删除'++''++'''+
'';

---

它将添加按钮

id

，因为

delete1，delete2，delete3，…

id是单数的，所以您不应该在多个元素上设置相同的id。其次，使用该id添加的onclick不会附加到代码运行后创建的按钮上。就像如果电话铃响了，你不在，你就不会接

使用事件委派来检测单击了什么，您可以使用“最近”来访问按钮所在的行

//attach the click handler to the table and listen for a click on a button
$("table").on("click", "button", function () {  
    var button = $(this);  //The button that was clicked
    var row = button.closest("tr"); //The row the button is in.
    row.remove();  //delete the row
});

---

id是单数的，因此不应在多个元素上设置相同的id。其次，使用该id添加的onclick不会附加到代码运行后创建的按钮上。就像如果电话铃响了，你不在，你就不会接

使用事件委派来检测单击了什么，您可以使用“最近”来访问按钮所在的行

//attach the click handler to the table and listen for a click on a button
$("table").on("click", "button", function () {  
    var button = $(this);  //The button that was clicked
    var row = button.closest("tr"); //The row the button is in.
    row.remove();  //delete the row
});

---

id

在整个文档中必须是唯一的，因此将所有这些按钮的

id

设置为“删除”是不正确的。你可以设置一个类。创建它时，您可以将其创建为

，然后使用

$（“.delete”）

查找所有按钮

您还可以直接在代码中设置操作：

var rowTpl = '<tr>' +
  '<td>' + nextNumber + '</td>' +
  '<td>' + $('#brand', form).val() + '</td>' +
  '<td>' + $('#model', form).val() + '</td>' +
  '<td>' + $('#year', form).val() + '</td>' +
  '<td>' + $('#kms', form).val() + '</td>' +
  '<td>' + '<button onclick="$(this).closest(\'tr\').remove();">' + '<span>' + 'Delete' + '</span>' + '</button>' +
  '</td>' +
  '</tr>';

var rowTpl=''+
''+nextNumber+''下一个数字+
'+$（'#brand'，form.val（）+''+
'+$（'#model'，form.val（）+''+
'+$（'#year'，form.val（）+''+
'+$（'#kms'，form.val（）+''+
''++''++''删除'++'++''+
'' +
'';

id

在整个文档中必须是唯一的，因此将所有这些按钮的

id

设置为“删除”是不正确的。你可以设置一个类。创建它时，您可以将其创建为

，然后使用

$（“.delete”）

查找所有按钮

您还可以直接在代码中设置操作：

var rowTpl = '<tr>' +
  '<td>' + nextNumber + '</td>' +
  '<td>' + $('#brand', form).val() + '</td>' +
  '<td>' + $('#model', form).val() + '</td>' +
  '<td>' + $('#year', form).val() + '</td>' +
  '<td>' + $('#kms', form).val() + '</td>' +
  '<td>' + '<button onclick="$(this).closest(\'tr\').remove();">' + '<span>' + 'Delete' + '</span>' + '</button>' +
  '</td>' +
  '</tr>';

var rowTpl=''+
''+nextNumber+''下一个数字+
'+$（'#brand'，form.val（）+''+
'+$（'#model'，form.val（）+''+
'+$（'#year'，form.val（）+''+
'+$（'#kms'，form.val（）+''+
''++''++''删除'++'++''+
'' +
'';

'+'

其中someid应该是行的编号请记住

id

值必须是唯一的。是的，我在试图解决问题时完全忘记了这一点！谢谢大家!！我添加的不是id而是类，它似乎很有效<代码>''+'其中someid应该是numb