Deletar <TR>

[3dmaniaco 1]

Olá a tofos.

 

Eu tenho um código que deleta a <TR> ao clicar no botão correspondente na linha da <TR> deletada, mas só que não esta funcionando, porque ?

 

<script type='text/javascript'>
$('a.red').click(function(e) {
  e.preventDefault(); // don't follow the link
  $(this).closest('tr').remove(); // credits goes to MrKurt for use of closest()
});
</script>

<table>
       <tr><td>BookA</td><td><a href="javascript:deleteRow($(this));" class="red">Delete</a></td></tr>
       <tr><td>BookB</td><td><a href="javascript:deleteRow($(this));" class="red">Delete</a></td></tr>
       <tr><td>BookC</td><td><a href="javascript:deleteRow($(this));" class="red">Delete</a></td></tr>
       <tr><td>BookD</td><td><a href="javascript:deleteRow($(this));" class="red">Delete</a></td></tr>
</table>

Valew

[LeoO_DF 22]

<table>
       <tr><td>BookA</td><td><a href="javascript:deleteRow($(this));" class="red">Delete</a></td></tr>
       <tr><td>BookB</td><td><a href="javascript:deleteRow($(this));" class="red">Delete</a></td></tr>
       <tr><td>BookC</td><td><a href="javascript:deleteRow($(this));" class="red">Delete</a></td></tr>
       <tr><td>BookD</td><td><a href="javascript:deleteRow($(this));" class="red">Delete</a></td></tr>
	</table>

$(function(){ 
       $("tr td a.red").click(function(e){
		e.preventDefault(); // don't follow the link
		$(this).closest('tr').remove();
	});
});

Eu testei aqui e funcionou perfeitamente, Mais caso ainda não funcione tente:

$(function(){ 
    $("table tr td a.red").click(function(e){
		e.preventDefault(); // don't follow the link
		$(this).closest('tr').hide();
	});
});

Ambos estão correto, fiz vários teste e a tr é removida.