Eliminar el TR al dar click a un botón

[juandedios]

Hola, lo que quiero hacer es lo siguiente: quiero borrar el TR de una tabla dependiendo de un enlace ELIMINAR que hay dentro de un TD. He conseguido borrar el TD, pero quiero borrar el TR completo, como podría hacerlo?.

Lo que tengo es esto:

Código PHP:

  <tr id="pedido' . $row[0] . '" data="' . $row[0] . '">
   <td><img src="extras/timthumb.php?src=' . $row[1] . '&q=100&zc=3&h=50" alt="' . $row[3] . '" title="' . $row[3] . '"></td>
   <td>' . $row[2] . '</td>
   <td>' . $row[3] . '</td>
   <td>' . $row[4] . '</td>
   <td>
      <a href="#"><img src="images/camera.fw.png" alt="Mas fotos" title="M&aacute;s fotos" class="tips"></a>
      <a href="#"><img src="images/edit.fw.png" alt="Editar" title="Editar" class="tips"></a>
      <a href="#" class="eliminar" id="ped' . $row[0] . '"><img src="images/trash.fw.png" alt="Eliminar" title="Eliminar" class="tips"></a>
   </td>
</tr> 
   

Si hago esto:

Código Javascript:

$(".eliminar").click(function(e){
   $(this).parent().attr("id");
});
 

Sólo puedo obtener el ID del TD al que pertenece el enlace, pero como puedo obtener el TR de ese TD.

Espero que me puedan ayudar.

Saludos,

[rottenp4nx]

$(this).parent('tr').attr('id');

Ve si es soluciona

Saludos

[jonni09lo]

Iniciado por rottenp4nx

$(this).parent('tr').attr('id');

Ve si es soluciona

Saludos

parent solo funciona para el primer elemento padre... para ese uso debe de usar parents o closest

Código Javascript:

$(this).parents('tr').attr('id');
 
//ó
 
$(this).closest('tr').attr('id');
 

Además para eliminar el elemento del DOM debe usarse remove

Código Javascript:

var trId = $(this).parents('tr').attr('id');
$(this).parents('tr').remove();
 

Saludos