Javascript 追加带有按钮的表行时，无法单击按钮

$（'#insertBtn'）。单击（函数（）{
$（'#mytable>tbody:last child'）.append（'+$（'#fnameText'）.val（）++'++$（'#lnameText'）.val（）++'+$（'#pointText'）.val（）++'Delete'）；
$（'#textTable input'）.val（''）
});
$（.deleteClass”）。在（“单击”，函数（）上{
警报（“行已删除”）；
});

尝试在文本框中键入任何内容。然后单击“插入”按钮。 然后单击第一列上的删除按钮。请注意，即使按钮具有预期的类，也不会触发警报

---

我的代码有什么问题？

您要查找的是事件委派： 使用以下命令：

 $(document).on('click','.deleteClass',function()
 {
      //DELETE CODE HERE.
 });

---

您可以改用这个：

 $("#mytable").on("click",'.deleteClass',function() {
        alert('row deleted');
 });

---

使用事件委派方法：

$（document）.on（'click'，'.deleteClass'，function（）{}）如果您知道父项，则不应将可能的重复项委托给文档。@dfsq同意，我只是给出了一般性的答案，它应该是最接近的静态祖先。
 $("#mytable").on("click",'.deleteClass',function() {
        alert('row deleted');
 });