jQuery basic: Comment puis-je supprimer une ligne d'un tableau lorsque l'on clique sur un bouton de cette ligne?

$("#tableid tbody:last").append(html);

Cela crée des lignes de la table de façon dynamique.
Chaque création de ligne a un bouton "supprimer".

Maintenant, si j'cliquez sur ce bouton supprimer cette ligne sera supprimé.
Comment puis-je faire cela.

Merci d'avance.

source d'informationauteur prime

  1. 34
     $(buttonSelector).live ('click', function ()
 {
    $(this).closest ('tr').remove ();
 }
 );

    à l'aide de .live de lier votre événement se lier automatiquement lorsque votre ligne est ajoutée dynamiquement.

    Modifier

    live est maintenant obsolète depuis la version 1.7, je pense.

    Du chemin à faire maintenant est d'utiliser on au lieu de live.

    $('#tableid').on('click', buttonSelector, function(){
    $(this).closest ('tr').remove ();
});

    Voir le doc.

  2. 2

    Vous pouvez utiliser ce code pour supprimer la ligne parent contenant les cliqué bouton:

    $(myButtonSelector).click(function(){
    $(this).parents('tr').first().remove();
});

    Pour un exemple vivant voir ce lien.

    Pour plus d'informations, voir cet article.

  3. 1

    Vous pourriez faire quelque chose comme:

    $('.add').click(function(){
$("#tableid tbody:last").append('<tr><td>Hi</td><td><a class="remove">Remove</a>');
});

$('.remove').live('click',function(){console.log($(this).parent().parent().remove())});