如何将onclick事件附加到动态创建的元素上

Question

我正在尝试触发附加到html标签的事件

该表内置功能

    function detail(id){
      console.log(id)
    }

function search(data){
                $.post(url, {valorBusqueda: textoBusqueda}, function(data) {

                    data = JSON.parse(data);

                        $.each(data, function(i, val){

                                id = val.id;


                                html += '<tr onclick="detail('+id+')">';
                                html += '<tr>';
                            }
                        });      

                 }); 
}

但是，当我单击该元素时，我得到此错误：

未捕获的ReferenceError：未定义detallePaciente

我的文件中实际定义的时间

知道我该怎么解决吗？

Answer 1

更改此行：

html += '<tr class="clickedclass" data-id = "' + id + '">';

并在Jquery中对此发出警报：

$("body").on("click", ".clickedclass", function(){
  var id = $(this).attr("data-id");
  console.log(id);
});

Answer 2

您的函数声明中有语法错误。

它应该是：

function detail(data) {
...
}

与search功能相同的错误。 需要查看如何将其附加到click事件以帮助实现此目的。