有没有办法回溯使用 javascript 中函数的 onclick 属性调用函数的按钮

Question

我最近一直在做一个项目，我正在使用 AJAX 向表中添加行，其中一个字段实际上是一个按钮，它将删除该行

$("#question-table").append(" <td class='hovy'> <button 
class='btn btn-danger delete-button' onclick='jo()'> Delete</button> </td>");

我尝试过jQuery，但它没有捕获按钮单击事件，所以我尝试onclick按钮的属性来调用Javascript函数，但问题是我将如何跟踪调用此函数的按钮以删除该行。

提前感谢！

Answer 1

var ajax = {row: 'some row data to render', id: '123'}; // your ajax response
// set the id of the row entry as a param of jo(); and then filter your model by it
var btn = $('<button> Delete</button>').on('click', function(){jo(ajax.id)}); 
$("#question-table").append(btn);

签出 MCV 模式和客户端状态

Answer 2

看看这个小提琴，看看它是否对你有帮助：

$('#populateButton').click(() => {
for (var i = 0; i < 3; i++) {
$('#question-table').append(
$(`<tr id='row${i}'>`).append($(`<td id='td${i}''>`).append(`<button class='btn btn-danger delete button'>Delete Row ${i}</button>`).click(doDelete))
);
}
});
function doDelete() {
this.closest('tr').remove();
}

https://jsfiddle.net/2jcypdsn/