Come rimuovere la riga corrente dalla tabella in jQuery?

Question

Ho una tabella in HTML come segue

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

</tbody> 
</table> 

ora se lo stesso modello continua, voglio rimuovere una riga se un pulsante Rimuovi si fa clic su quella riga. come ottengo lo stesso con jQuery?

Answer 1

Nicer:

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

More on closest()

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

Questo ha il vantaggio di funzionare indipendentemente dall'aspetto del tuo HTML nella cella.

Answer 2

Prova questo:

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

Oppure si può rendere più generico come questo:

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

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