无法通过jquery从表中删除特定行
我正在使用jquery添加新行并删除它们,但我的问题是,当我单击减号按钮时,它开始从下到上删除行,而不是删除特定行。这意味着如果我在10行中填充数据,现在要删除第5行,那么在点击第5行的减号按钮时,它会删除第10行,第九排,以此类推……我希望只有第五排会被删除。怎么可能呢 这是我的jquery文件:无法通过jquery从表中删除特定行,jquery,html,Jquery,Html,我正在使用jquery添加新行并删除它们,但我的问题是,当我单击减号按钮时,它开始从下到上删除行,而不是删除特定行。这意味着如果我在10行中填充数据,现在要删除第5行,那么在点击第5行的减号按钮时,它会删除第10行,第九排,以此类推……我希望只有第五排会被删除。怎么可能呢 这是我的jquery文件: $(document).ready(function(e) { $("#add").click(function() { $('#mytable tbody>tr:la
$(document).ready(function(e) {
$("#add").click(function() {
$('#mytable tbody>tr:last').clone(true).insertAfter('#mytable tbody>tr:last');
var last_sn = $('#mytable tbody>tr:last>td:first').html();
$('#mytable tbody>tr:last>td:first').html(parseInt(last_sn) + 1);
return false;
});
$('#minus').click(function() {
$('#mytable tr:last-child').remove();
});
});
改为这样做:
$('#minus').click(function() {
$(this).closest("tr").remove();
});
您的代码$('#mytable tr:last child')。删除()代码>将始终删除最后一行。
此外,您还应该将减
设置为一个类,因为它将被复制到多个行中,导致多个元素具有相同的id
This$(“#mytable tr:last child”).remove()代码>应该是
$(this).closest("tr").remove();
$(“#mytable tr:last child”).remove();将始终删除最后一行
如果你有几个减号按钮,那么你不应该使用同一个id(#减号)而应该使用一个类
小提琴:
你试过这个吗$(此选项)。删除();我从其他问题中得到了一个类似的工作示例:看看它是否能帮助你。我只是想问,S.No.是否可能也会改变,即如果我删除第5行,第6行将成为第5行(S.No.5)。我不知道我是否真的理解你的问题,但是减号按钮会一直起作用,因为它会删除它所在的表行……我只是想问,S.No.是否可能也会改变,这意味着如果我删除第5行,第6行将成为第5行(S.No.5),不确定您所说的S.No.
。但是当您.remove()
一行时,删除该行后tr
的HTML索引将发生更改。
$('.minus').click(function()
{
$(this).parents("tr").remove();
});