Comment supprimer la ligne actuelle de la table dans jQuery?

Question

J'ai une table en html comme suit

<table> 
<tbody> 
<tr> 
<td>test content</td> 
<td><input type="button" onClick="remove()"></td> 
</tr> 
.... 
... 

</tbody> 
</table> 

maintenant si le même schéma se poursuit, je veux supprimer une ligne si un bouton est cliqué sur cette ligne. comment puis-je atteindre la même chose avec jQuery?

Answer 1

Nicer:

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

More on closest()

<input type="button" onClick="$(this).closest('tr').remove();"> 

Cela a l'avantage de fonctionner quel que soit votre HTML dans la cellule.

Answer 2

Essayez ceci:

<input type="button" onClick="$(this).parent().parent().remove();"> 

Ou vous pouvez le rendre plus générique comme ceci:

<script> 
    $(document).ready(function() 
    { 
    $(".btn").click(function(){ 
     $(this).parent().parent().remove(); 
    }); 
    }); 
</script> 

<tr> 
    <td><input type="button" class="btn"></td> 
</tr>