动态表中未检测到JQuery / Javascript Click事件

如何解决动态表中未检测到JQuery / Javascript Click事件

我已经浏览了几个已回答的问题，并试图为我的问题实施解决方案。我有一个用javascript动态生成的表，然后我需要在每一行的一列中单击事件。

我尝试了以下操作：

$("#iFaceTbl tr").on('click','td.delInt',function(event) {
        console.log("Clicked.");
        let intId = event.target.id;
        console.log("ID was: " + intId);
    });

我们的delInt是每行单元格上的一个类。

当我运行它并查看控制台时，根本没有检测到点击事件。

我确定我做错了什么。作为参考，这里是构成表格的html和javascript。

<table id="iFaceTbl"></table>

和

for (i=0; i < iFaces_count; i++) {
    let html_to_insert = '<tr><td>' + intArray[i] + '</td><td id="' + intArray[i] +'" class="delInt"><i class="fa fa-trash delInt" aria-hidden="true"></span></td></tr>';
    Currenthtml = Currenthtml + html_to_insert;

    if (i == iFaces_count-1) {
        iFaceTbl.innerHTML = Currenthtml;
    }
}

非常感谢您的帮助。

解决方法

能够通过此处显示的事件触发器更改解决我的问题。我不得不删除图标部分，改为使用“ X”。现在的代码如下所示：

$(document).on('click','#iFaceTbl td',function(event) {
    console.log("Clicked.");
    let intId = event.target.id;
    console.log("ID was: " + intId);
});