¿Cómo eliminar la fila actual de la tabla en jQuery?

Question

Tengo una tabla en html de la siguiente manera

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

</tbody> 
</table> 

ahora si el mismo patrón continúa, quiero eliminar una fila si se hace clic en un botón de eliminación de esa fila. ¿Cómo logro lo mismo con jQuery?

Answer 1

Más bonito:

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

More on closest()

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

Esto tiene la ventaja de funcionar sin importar cuál sea su HTML en la celda.

Answer 2

Prueba esto:

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

O puede que sea más genérico como esta:

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

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