Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
无法通过jquery从表中删除特定行_Jquery_Html - Fatal编程技术网

无法通过jquery从表中删除特定行

无法通过jquery从表中删除特定行,jquery,html,Jquery,Html,我正在使用jquery添加新行并删除它们,但我的问题是,当我单击减号按钮时,它开始从下到上删除行,而不是删除特定行。这意味着如果我在10行中填充数据,现在要删除第5行,那么在点击第5行的减号按钮时,它会删除第10行,第九排,以此类推……我希望只有第五排会被删除。怎么可能呢 这是我的jquery文件: $(document).ready(function(e) { $("#add").click(function() { $('#mytable tbody>tr:la

我正在使用jquery添加新行并删除它们,但我的问题是,当我单击减号按钮时,它开始从下到上删除行,而不是删除特定行。这意味着如果我在10行中填充数据,现在要删除第5行,那么在点击第5行的减号按钮时,它会删除第10行,第九排,以此类推……我希望只有第五排会被删除。怎么可能呢

这是我的jquery文件:

$(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();
});