Foros del Web » Programando para Internet » Jquery »

Añadir filas a una tabla con jQuery

Estas en el tema de Añadir filas a una tabla con jQuery en el foro de Jquery en Foros del Web. Buenas, encontré un blog donde hablaban de esto, y justamente cogí parte del código, modifiqué un par de cosas, y logré que funcionara. Es decir, ...
  #1 (permalink)  
Antiguo 21/01/2013, 04:55
 
Fecha de Ingreso: marzo-2011
Mensajes: 23
Antigüedad: 13 años, 9 meses
Puntos: 0
Añadir filas a una tabla con jQuery

Buenas,

encontré un blog donde hablaban de esto, y justamente cogí parte del código, modifiqué un par de cosas, y logré que funcionara.

Es decir, usando jQuery, al pulsar un botón se añade una fila a la tabla que ya tengo creada en HTML.

El problema es que cuando lo hago, la fila que se crea añade más COLUMNAS de la cuenta y se alarga. Además cada vez que pulso se incrementa, de manera que queda algo así como:

-----
--------
----------
-------------

Aquí el código que utilizo:

<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
//Aquí la función

$("#add").click(function(){
var n = $('tr:last td', $("#tablatareas")).length;
var tds = '<tr>';
for(var i=0; i<n; i++){
tds += "<td> AQUÍ VA UN TOCHO EN PHP</td>";
tds += '<td><input type="text" name="horamax id="horamax" /> </td>';
tds += "<td></td>";
tds += "<td><?php echo "Hi again!" ?></td>";
}
tds += '</tr>';
$("#tablatareas").append(tds);
})


});
</script>


El tema es que si dejo una sola "tds +=" si funciona, por lo que intuyo que el problema viene de que el bucle for hace "n" pasadas y por cada columna que debería poner mete 4 en este caso (una por cada tds+=) pero el caso es que no se me ocurre cómo hacerlo...

Gracias!!

Etiquetas: filas, funcion, html, input, javascript, js, php, tabla
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:40.