Javascript 如何将onclick事件附加到以数字方式创建的元素

我正在尝试触发附加到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>';
                            }
                        });      

                 }); 
}

功能详细信息（id）{
控制台日志（id）
}
功能搜索（数据）{
$.post（url，{valorBusqueda:textoBusqueda}，函数（数据）{
data=JSON.parse（数据）；
$。每个（数据、函数（i、val）{
id=val.id；
html+=''；
html+=''；
}
});      
}); 
}

但当我单击该元素时，会出现以下错误：

未捕获引用错误：未定义DeCallPaciente

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

---

知道如何解决这个问题吗？

函数声明中有语法错误

应该是：

function detail(data) {
...
}

搜索

功能出现相同错误。需要查看如何将其附加到单击事件以帮助完成此操作。

更改此行：

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

---

函数详细信息（数据）？？

未捕获引用错误：未定义DetalPaciente

，但您的函数被调用

detail

，它没有说

DetalPaciente

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