Tema: Jquery y Varios enlaces
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 12/12/2010, 10:29
Dany_s
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 867
Antigüedad: 14 años, 5 meses
Puntos: 65
Respuesta: Jquery y Varios enlaces
Código HTML: 
Ver original
  1. <html>
  2.     <head>
  3.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4.         <title>Prueba</title>
  5.         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  6.         <script type="text/javascript">
  7.             $(function(){
  8.                 $('.borrar').click( function(){
  9.                     $(this).closest('tr').remove();
  10.                     return false;
  11.                 });
  12.             });
  13.         </script>
  14.         <style>
  15.  
  16.         </style>
  17.     </head>
  18.     <body>
  19.  
  20.     <table>
  21.         <tr>
  22.             <th>Nombre</th>
  23.             <th>Acciones</th>
  24.         </tr>
  25.         <tr>
  26.             <td>Prod1</td>
  27.             <td><a HREF="borrar.php?id=1" class="borrar">Borrar</a></td>
  28.         </tr>
  29.         <tr>
  30.             <td>Prod2</td>
  31.             <td><a HREF="borrar.php?id=2" class="borrar">Borrar</a></td>
  32.         </tr>
  33.         <tr>
  34.             <td>Prod3</td>
  35.             <td><a HREF="borrar.php?id=3" class="borrar">Borrar</a></td>
  36.         </tr>
  37.         <tr>
  38.             <td>Prod4</td>
  39.             <td><a HREF="borrar.php?id=4" class="borrar">Borrar</a></td>
  40.         </tr>
  41.     </table>
  42.  
  43.     </body>
  44. </html>

http://api.jquery.com/category/traversing/