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

Question

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

我尝试了以下方法：

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

Wehre 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;
    }
}

任何帮助是极大的赞赏。

Answer 1

能够通过此处显示的对我的事件触发器的更改来解决我的问题。 我不得不删除图标部分以支持“X”。 代码现在看起来像这样：

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