無法使用javascript動態刪除按鈕點擊行？

Question

我在表格中單擊按鈕時添加一行帶有輸入框的行。 但是，我的目標是當我單擊該特定行中的刪除按鈕時能夠刪除該特定行。 出於某種原因，什么也沒有發生。 我可能做錯了什么？

  $("#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();


            })

Answer 1

點擊是一個事件。 您應該單獨收聽刪除按鈕單擊事件。 此外，可能只有一個具有此名稱的 ID - 刪除。 如果有很多刪除按鈕，您應該將它們作為 .delete 類或具有不同 id 的數組獲取：delte1、delete2。