在模态关闭时删除模态弹出窗口中的动态表

Posted 2023-05-08

【中文标题】在模态关闭时删除模态弹出窗口中的动态表

【英文标题】：Delete dynamic table in modal popup on modal close

【发布时间】：2020-10-14 00:14:12

【问题描述】：

点击按钮会打开一个模式弹出窗口，其中表格行以下列方式附加到表格中

   var newRow = document.createElement("tr");
   var newCell1 = document.createElement("td");

  newCell1.innerhtml = rowValue;

  newRow.append(newCell1);
  document.getElementById("tablerows").appendChild(newRow);

tablerows 是表 tbody 的 id，因此行会在模式弹出窗口中附加到表中。现在在模态关闭时，我想清除表格。这个我试过了

      $("#formID")[0].reset()
      $("#tableId tbody tr").remove()

这仅适用于弹出窗口中的字段输入。模态关闭时清除动态表的方法是什么

【参考方案1】：

在动态行中放置一个类。

var newRow = document.createElement("tr");
var newCell1 = document.createElement("td");
newRow.classList.add("dynamic-row")
newCell1.innerHTML = rowValue;

newRow.append(newCell1);
document.getElementById("tablerows").appendChild(newRow);

然后删除它们

$("#formID")[0].reset()
$('#tableId tbody .dynamic-row').remove()