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

时间:2014-03-14 15:57:43

标签: javascript html-table append

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

当我尝试在一个单独的页面上运行它(我已经更改了函数名称和按钮/表名称)在嵌套表中 - 单击+后添加一个新行(工作正常),我点击后立即“ - ”按钮删除所有行,包括静态行,而不仅仅是当前行。

我在函数中尝试过最接近,之前是父母 - 没有工作..我应该指定table[1]还是那样的?

这是删除功能:

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

1 个答案:

答案 0 :(得分:0)

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

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

到这个

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

现在正在工作 -