¿Cómo agregar una nueva fila a una tabla HTML con jQuery?
¡Hola a todos! Soy nuevo en JavaScript y jQuery, y me encontré con un problema al trabajar con tablas HTML. Tengo una tabla simple a la que necesito agregar filas dinámicamente al hacer clic en un botón. Probé varios métodos, pero nada funciona como debería.
Aquí está mi código:
```html
```
```javascript
$('#addRow').click(function() {
// Probé así:
$('#myTable').append('Nuevo 30 ');
// Y así:
$('#myTable tr:last').after('Nuevo 30 ');
});
```
El problema es que la fila se agrega en el lugar incorrecto (en el encabezado de la tabla) o incluso rompe la estructura. ¿Podrían indicarme cómo agregar correctamente una nueva fila dentro de ``, para que vaya después de los datos existentes? Preferiblemente con
| Nombre | Edad |
|---|---|
| Ivan | 25 |
Preguntas similares
¿Cómo eliminar un elemento de un slice en Golang? Formas correctas y trampas
¿Cómo generar un número entero aleatorio en un rango específico en Java?
Lectura de archivo JSON en Swift: guía paso a paso para iOS 8 y posteriores
Definición de array con múltiples tipos en TypeScript: union types vs tuplas
event.preventDefault() vs return false en manejadores de eventos JavaScript