删除表行脚本删除静态和附加的行,而不是附加/当前

Delete table row script deleting static AND appended rows instead of appended/current

本文关键字:删除 当前 静态 脚本      更新时间:2023-09-26

我有一个脚本在一个页面上工作,一个+按钮将一行附加到表中,并在附加行中包含一个-按钮,仅删除该行。三行是静态的,加号按钮允许用户在需要时添加更多行。

当我尝试在一个单独的页面上运行它(我已经改变了函数名称和按钮/表名称)在一个嵌套的表-点击+后附加一个新的行(这工作得很好),只要我点击"-"按钮,它删除所有的行,包括静态的,而不仅仅是当前行。

我已经尝试过最接近的功能,它是父母之前-没有工作…我应该指定table[1]或者类似的东西吗?

下面是delete函数:

$("body").on("click", "input.deleteRow", function() {
$("#RfqTable").closest("tr").remove();  
}); 

删除按钮:

input type="button" class="deleteRow" value="-" onclick = "deleteRow()"

table class="table table-bordered" id="RfqTable"

删除附加的行按钮

input type="button" class="deleteRow" value="-" onclick = "deleteRow()"

修正:在JS函数我改变了这个:

$("#RfqTable").closest("tr").remove();

到this

$("#RfqTable tr:last").remove();