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/

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

2 个答案: