无法使用javascript动态删除按钮上的行?

时间:2018-02-22 09:25:22

标签: javascript

我在表格中点击按钮时添加了一行输入框。但是,我的目标是当我单击该特定行中的删除按钮时能够删除特定行。出于某种原因,没有任何反应。我能做错什么?

  $("#btns").click(function (e) {
                i++;
                e.preventDefault();
             //   console.log("clicked");
                $("#items").append('<div><tr><td><input type="text" name="name"></td></tr>&nbsp<tr><td><input type="text" name="age"></td></tr>&nbsp<tr><td><input type="text" name="dob"></tr></td></div><button type="button" id="delete"+i>Delete</button><br>');


            });

            $("#delete"+i).click(function (e) {
                e.preventDefault();

                console.log("clicked")
             //   $(this).parents('tr').first().remove();


            })

1 个答案:

答案 0 :(得分:0)

点击是一个事件。您应该单独收听删除按钮单击事件。此外,可能只有一个具有此名称的ID - 删除。如果有许多删除按钮,您应该将它们作为.delete类的数组或使用不同的ID:delte1,delete2。