[SOLUCIONADO] Jquery eliminar <tr>

[Jose789]

Hola gente, pues tengo un problemilla con este asunto.

He probado con $(this).parent().remove(); pero sin ningún resultado

Código HTML:

<table class="table">
<thead>
<tr>
<th>Account_id</th>
<th>Alerta</th>
<th></th>
</tr>
</thead>
<tbody>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mensaje</td>
<td><a href="#" class="delete" onclick="borrar(1);">Eliminar</a></td>
</tr>
<tr>
<th scope="row">2</th>
<td>Mensaje</td>
<td><a href="#" class="delete" onclick="borrar(2);">Eliminar</a></td>
</tr>
</tbody>
</table>
 

Código Javascript:

function borrar(id) {
        console.log(id);
           $(this).closest('tr').remove();
}
 

Haber si alguien me puede echar una mano Gracias de ante mano.

[Alexis88]

Te conviene primero tomar al ancestro del enlace que sea una fila y luego borrarlo. El método .parents() te puede servir.

Código Javascript:

$(".delete").on("click", function(){
    $(this).parents("tr").remove();
});
 

Por cierto, los <th> deben de ir en la cabecera de la tabla; para el cuerpo de la tabla debes de usar elementos <td>.
Saludos

[Jose789]

Iniciado por Alexis88

Te conviene primero tomar al ancestro del enlace que sea una fila y luego borrarlo. El método [URL="https://api.jquery.com/parents/"][inline].parents()[/inline][/URL] te puede servir.

Código Javascript:

$(".delete").on("click", function(){
    $(this).parents("tr").remove();
});
 

Por cierto, los <th> deben de ir en la cabecera de la tabla; para el cuerpo de la tabla debes de usar elementos <td>.
Saludos

Gracias por la ayuda:)