Javascript 如何在提示用户使用JQuery后删除动态表的特定行？

下面是我用来将用户在模式中输入的特定输入值添加到使用JQuery的表中的代码，在每行中都有一个delete按钮

$（'td:contains（“delete”））。html（“”）。addClass（“text center delete:hover”）

也会生成，但我正在努力实际删除表中所需的行

if ($("#insert-image").val() !== '' && $("#insert-name").val() !== '' && $("#insert-surname").val() !== '') {
      var imagePrep = $("#insert-image").val().replace(/C:\\fakepath\\/i, 'images/');
      let row = '<tr> <td class="align-middle">' + "image" + '</td> <td class="align-middle">' + $("#insert-name").val() + '</td> <td class="align-middle">' + $("#insert-surname").val() + '</td> <td class="align-middle">' + "edit" + '</td> <td class="align-middle">' + "delete" + '</td> </tr>'
      $('tbody').append(row);

      $('td:contains("image")').html("<img src=" + imagePrep + " alt='selected-image' class='image' data-toggle='popover-hover'>");

      $('td:contains("edit")').html("<i class='fas fa-edit'></i>").addClass("text-center edit edit:hover").on('click', function() {});

      $('td:contains("delete")').html("<i class='far fa-trash-alt' id='btnDelete'></i>").addClass("text-center delete delete:hover").on('click', function() {
        $("#delete-modal").modal('show');
        $("#btnDeleteConfirmation").on('click', function() {
            $(this).parents('tr').remove();
            $("#delete-modal").modal('hide');
          });
      });
    }
  });

---

任何帮助都将不胜感激。

您将此引用错误btnDeleteConfirmation没有父tr，因此无法工作。您需要的是存储此行的此引用

$('td:contains("delete")').html("<i class='far fa-trash-alt' id='btnDelete'></i>").addClass("text-center delete delete:hover").on('click', function() {
let deleteRef = this;

$（'td:contains（“delete”））.html（“”）.addClass（“文本中心删除：悬停”）.on（'click'，function（）{
让deleteRef=this；

---

然后，当您将它与parent（'tr'）.remove（）一起传递时，它将起作用！

也请添加html文件。我们将@AbdullahAbidis，fine@AbdullahAbidyeah，应该可以

$('td:contains("delete")').html("<i class='far fa-trash-alt' id='btnDelete'></i>").addClass("text-center delete delete:hover").on('click', function() {
        $("#delete-modal").modal('show');
        $("#btnDeleteConfirmation").on('click', function() {
            $(this).parents('tr').remove();
            $("#delete-modal").modal('hide');
          });
      });

$('td:contains("delete")').html("<i class='far fa-trash-alt' id='btnDelete'></i>").addClass("text-center delete delete:hover").on('click', function() {
let deleteRef = this;