如何在ajax调用后渲染的新元素中再次添加事件监听器？

Question

我有一个带有 3 个操作按钮和一个选择元素的表格，在我“清理”（使用 . html("")) 表并显示新数据，操作按钮停止工作（它们保留与表原始状态相同的类），我找到了一些解决方案，但我不知道如何在我的项目中实现，因为我使用的是jquery。

例如，我想尝试这个问题的答案，但他给出的例子是纯JS，而不是jQuery。

可能的解决方案

按钮保留同一个类真的是问题吗？如果是，如何从原始元素中删除事件监听器？我正在使用 jQuery 来管理点击事件。

就在我发布这个问题后，我去尝试“可能的解决方案”链接中给定的解决方案，我将代码复制并粘贴到 jQuery 的单击事件处理程序之后（你知道，

$(document).on("click")

等）。

也许这个问题对于有同样问题但不知道要搜索什么来获得解决方案的人有用。我也有同样的问题。

Answer 1

使用下面的模板：

document.addEventListener("click", function (event) {
    // Check if the clicked element has the class "button"
    if (event.target.classList.contains("button")) {
    // Your event handler code here
    console.log("Button clicked");
  }
});