loading
FullScreen Fecha y Hora: 28-Apr-2024 18:52 IP Pública: 3.22.249.158 Usuario: Público
24/Dec/2013 Borrar filas dinamicamente con DOM (parentNode)

El problemea era que antes borraba cosas usando el id del articulo correspondiente a su posicion tirada en ajax, resulta que si borras una fila (digamos la primera) en ajax, la segunda pasa a ser la primera, lo cual da problemas al borrar.

Con esto le envia la referencia por DOM del TR y TD usando ParentNode y listo.

Expand | Embed | Plain Text
  1. HTML
  2. -----------------
  3. <html>
  4. <head>
  5. <script type="text/javascript" src="main.js">
  6. </script>
  7. </head>
  8. <body>
  9. <table>
  10. <tr>
  11. <td>Bat</td>
  12. <td><input type="button" onclick="remove(this)" value="Eliminar" /></td>
  13. </tr>
  14. <tr>
  15. <td>Bi</td>
  16. <td><input type="button" onclick="remove(this)" value="Eliminar" /></td>
  17. </tr>
  18. <tr>
  19. <td>Hiru</td>
  20. <td><input type="button" onclick="remove(this)" value="Eliminar" /></td>
  21. </tr>
  22. </table>
  23. </body>
  24. </html>
  25.  
  26.  
  27. JAVASCRIPT
  28. -----------
  29.  
  30. function remove(t)
  31. {
  32. var td = t.parentNode;
  33. var tr = td.parentNode;
  34. var table = tr.parentNode;
  35. table.removeChild(tr);
  36. }
 
 
Ip Pública 3.22.249.158
Navegador Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
País United States
Ciudad Seattle