无法使用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();


            })

$（“#BTN”）。单击（功能（e）{
i++；
e、 预防默认值（）；
//控制台日志（“单击”）；
$（“#项目”）。追加（'nbsp项目
'）；
});
$（“#删除”+i）。单击（功能（e）{
e、 预防默认值（）；
console.log（“单击”）
//$（this.parents（'tr'）.first（）.remove（）；
})

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

您的HTML代码会很好看。