Jquery - 为多个表添加相同的事件

Question

我有一个场景，我必须为多个表绑定(bind)相同的事件。

table 上的事件:

 $('#table id').on("dblclick", 'td', async function () {
    console.log(event fired); });

表tr是动态构建的。

像上面一样，我必须为 10 个表绑定(bind)相同的事件。

选项1:我可以动态传递表id

$('#' +tableNameString).on("dblclick", 'td', async function () {};

可能吗？

选项 2:addEventListener() ??

哪个选项是最佳的？

给我分享一些关于如何实现这一点的示例。提前致谢。

Answer 1

您可以为 html 中的所有表格分配一个类，例如。

<table class="custTable">
</table>

并在您的 JS 中，将事件监听器添加到该类，例如。

$('.custTable').on("dblclick", 'td', async function () { console.log(event fired); });

编辑:

如果您的表是动态创建的，请检查表元素以查看是否有分配给它们的特定类，您可以将事件监听器绑定(bind)到该特定类。