Question

在按钮上单击，将打开一个模式弹出窗口，其中表行以以下方式附加到表上

   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()

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

Answer 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()

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

1 个答案: