jquery - jqueryを使用してテーブルから特定の行を削除できません

Question

jqueryを使用して新しい行を追加して削除しますが、私の問題は、マイナスボタンをクリックすると、行を下から上に削除し始め、特定の行を削除しないことです。 5行目を削除し、5行目のマイナスボタンをクリックすると、10行目、9行目などを削除します...そして、5行目だけを削除したいのですが、どうすれば可能でしょうか。

これが私の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();
    });
});​

Answer 1

代わりにこれを行ってください：

$('#minus').click(function() {
    $(this).closest("tr").remove();
});​

コード$('#mytable tr:last-child').remove();は常に最後の行を削除します。また、minusクラスは複数の行に複製され、同じ。を持つ複数の要素につながるため、代わりにクラスを作成する必要がありますid。

Answer 2

$（'＃mytable tr：last-child'）。remove（）; 常に最後の行を削除します。

複数のマイナスボタンがある場合は、同じID（#minus）を使用しないでください。代わりにクラスを使用してください。

フィドル： http： //jsfiddle.net/k8dAs/

$('.minus').click(function()
{
  $(this).parents("tr").remove();
});

Answer 3

これ$('#mytable tr:last-child').remove();は

$(this).closest("tr").remove();