Javascript jQuery：同时从多个表中删除行

我使用动态生成的行进行表单预览，并尝试同时删除两个不同表中的行。我们说，如果我删除“AddFieldsToFormDiv”上的第二行（#2），我希望同时删除“AddFieldsToPreviewDiv”上的第二行（#2）。你有可行的解决办法吗

我尝试使用：

$("#AddFieldsToFormDiv, #AddFieldsToPreviewDiv")
    .on("click", "#DeleteRowButton", function (event) 
    {
        $(this).closest("tr").remove();
        counter--;
    });

---

但是没有我想要的结果。

这只对AddFieldsToFormDiv表有效的主要原因是因为您只对AddFieldsToFormDiv进行任何工作。这里的函数是使用#DeleteRowButton元素将click元素绑定到两个表。这里的问题是AddFieldsToFormDiv是唯一一个包含这些#DeleteRowButton元素的表，因此将单击绑定到另一个表是完全没有意义的。清理完后，您仍然需要在两个表上执行删除操作。我修改了你的函数让它工作

$("#AddFieldsToFormDiv").on("click", "#DeleteRowButton",function (event) {
    var rowIdx = $(this).closest("tr").index();
    removeRowFromTable($("#AddFieldsToPreviewDiv"), rowIdx);
    removeRowFromTable($("#AddFieldsToFormDiv"), rowIdx);

    counter--;
});  

function removeRowFromTable( table,  rowIdx){
    table.find("tr").eq(rowIdx).remove();
}

---

如果我的解决方案对你有效，请接受答案。现在我看到了我错误的逻辑思维。谢谢你的回复，它工作得很好。