impossible de supprimer la ligne spécifique d'une table via jquery

Question

Im en utilisant jquery pour ajouter une nouvelle ligne et les supprimer mais mon problème est que lorsque je clique sur le bouton moins il commence à supprimer la ligne de bas en haut et pas supprimer la ligne particulière Si je remplis les données en 10 lignes et que je veux maintenant supprimer la 5ème ligne, alors en cliquant sur le bouton moins sur la 5ème rangée, cela enlève les 10ème, 9ème et ainsi de suite ... et je veux que seulement la 5ème rangée bdeletedhow pourrait-elle b possible.

Voici mon fichier 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

$ ('# matable tr: last-child') remove(); enlèvera toujours la dernière rangée.

Si vous avez plusieurs boutons moins alors vous ne devriez pas utiliser le même identifiant (#minus) utilisez plutôt une classe.

violon: http://jsfiddle.net/k8dAs/

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

Answer 2

Est-ce que ceci:

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

Votre code $('#mytable tr:last-child').remove(); effacera toujours la dernière ligne. En outre, vous devez créer une classe minus à la place, car elle sera répliquée pour plusieurs lignes menant à plusieurs éléments avec le même id. .

Answer 3

Ce $('#mytable tr:last-child').remove(); devrait être

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