Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
有没有办法回溯javascript中使用onclick属性调用函数的按钮_Javascript_Jquery - Fatal编程技术网

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

有没有办法回溯javascript中使用onclick属性调用函数的按钮,javascript,jquery,Javascript,Jquery,我最近一直在做一个项目,在这个项目中,我使用AJAX将行添加到表中,其中一个字段实际上是一个删除该行的按钮 $("#question-table").append(" <td class='hovy'> <button class='btn btn-danger delete-button' onclick='jo()'> Delete</button> </td>"); $(“#问题表”)。追加(“删除”); 我尝试了jQuery,但它

我最近一直在做一个项目,在这个项目中,我使用AJAX将行添加到表中,其中一个字段实际上是一个删除该行的按钮

 $("#question-table").append(" <td class='hovy'> <button 
 class='btn btn-danger delete-button' onclick='jo()'> Delete</button> </td>");
$(“#问题表”)。追加(“删除”);
我尝试了jQuery,但它没有捕获按钮单击事件,所以我尝试了按钮的
onclick
属性来调用Javascript函数,但问题是如何跟踪调用该函数的按钮以删除该行

提前谢谢

var ajax={row:'some row data to render',id:'123'};//您的ajax响应
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);
//将行条目的id设置为jo()的参数;然后用它来过滤你的模型 var btn=$('Delete').on('click',function(){jo(ajax.id)}); $(“#问题表”)。追加(btn);

签出MCV模式和客户端状态

看看这把小提琴,看看它是否能帮到你:

$('#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();
}
$('populateButton')。单击(()=>{
对于(变量i=0;i<3;i++){
$(“#问题表”)。追加(

$(``).append($(`Hint:function
closest
删除该行
,但您追加的是
td
,不是行我尝试过jquery,但它没有捕获该特定按钮的单击事件,因为它稍后会出现(当页面已加载时)