首页 > 解决方案 > 如何在单击动态创建的按钮时添加 jquery?

问题描述

我有动态创建的按钮。如何在此按钮上添加 jquery onclick?我还是 jQuery 的新手。

这就是我在 jQuery 中创建按钮的方式:

  var language_add_button = document.createElement("button");
  language_add_button.setAttribute("id", "btnRemoveLanguage_" + ctr);
  language_add_button.setAttribute("class", "btn btn-padding");
  language_add_button.setAttribute("type", "button");

此函数创建具有 id + ctr 的按钮,使它们独一无二。

我知道

  $("#btnRemoveLanguage_").click(function (e) {
    RemoveLanguage(true);
    e.preventDefault();
  });

但是由于创建时有一个计数器,所以按钮变为 btnRemoveLanguage_1、btnRemoveLanguage_2 等。

我如何确保它点击了正确的按钮?

标签: javascriptjquery

解决方案


对于动态事件处理,您可以使用:父元素上的事件侦听器。活动委托文件

但就目前而言,我已经使用了 document.

$(document).on("click", "#btnRemoveLanguage_",function (e) {
    RemoveLanguage(true);
    e.preventDefault();
  });

推荐阅读