Javascript 使用分页时如何使用querySelectorAll？

在我的仪表板中，我使用datatables插件显示数据库中的记录

在每一行的末尾，都有一个编辑按钮，当您单击该按钮时，会弹出一个模式，您可以在其中更新该表行的数据

因此，我使用

document.querySelectorAll（“#editBtn”）

来选择所有编辑按钮，这样我就可以循环浏览它们，并为每个按钮添加一个单击事件侦听器

我面临的问题是，当我进入第二页时，会显示新记录，我不知道如何选择新按钮

这是我的代码：

var editBtn = document.querySelectorAll('#editBtn');
editBtn.forEach(btn => {
    btn.addEventListener('click', () => {
        alert('It works!');
    })
})

---

不要直接使用此代码，而是使用函数并在每次加载dataTable数据时调用它。我如何检测何时加载dataTable数据？数据是如何加载的？只是一个旁注，但ID必须是唯一的，如果您碰巧能够控制它，则最好使用

类。（）或更好（对于我和你的空闲者）使用
数据属性