guillhermosoftrejo
unread,Aug 3, 2011, 8:54:25 PM8/3/11Sign in to reply to author
Sign in to forward
You do not have permission to delete messages in this group
Either email addresses are anonymous for this group or you need the view member email addresses permission to view the original message
to Jquery en español
Cordial Saludo
Tengo una pregunta la cual no sé muy bien si tendria que ir en el foro
de HTML ó en el de Frameworks JS (JQuery), por lo cual la publicare en
ambos.
El punto es, tengo una tabla con dos filas (en una de las filas campos
de formulario), de las cuales se pueden agregar réplicas, para lo cual
uso un botón cuyo id es "agregar" el cual hace referencia al evento
click y por medio de JQuery clono las filas (eso si solo el última
par, ya que luego de varias "replicadas" pueden haber muchas) y las
agrego en la capa "detalleRemesaAgregar", más al dar click sobre el
botón "Agregar" no se me replican las dos filas, más cuando intento
hacer esto mismo por fuera de una tabla sin los "<tr>" me funciona
perfectamente, mi "sospecha" es en relación a esta misma etiqueta,
pues no sé si sea funcional usan la etiqueta "span" por fuera de un
"tr" al interior de una tabla, por lo cual me gustaria conocer sus
sugerencias y aportes (sin tener que manejar las filas por fuera de mi
tabla actual) ver código.
HTML
<table>
<span class="detalleRemesa">
<tr>
<td colspan="2">Documento Identificación Remitente</td>
<td>O.C.</td>
<td>Valor Declarado</td>
</tr>
<tr>
<td colspan="2">
<input class="campos" type="text"
name="documentoIdentificacionRemitente[]"
id="documentoIdentificacionRemitente" value="" size="9" />
</td>
<td>
<input class="campos" type="text" name="oc[]" id="oc" value=""
size="9" />
</td>
<td>
<input class="campos" type="text" name="valorDeclarado[]"
id="valorDeclarado" value="" size="9" />
</td>
</tr>
</span>
<span id="detalleRemesaAgregar"></span>
<tr>
<td>
<input type="button" name="agregar" id="agregar" value="Agregar" /
><input type="button" name="quitar" id="quitar" value="Quitar" />
</td>
</tr>
</table>
JS (JQuery)
$(document).ready(function(){
$("#agregar").click(function() {
$
(".detalleRemesa").last().clone().appendTo("#detalleRemesaAgregar");
});
});
Quedo atento a sus comentarios y/ó sugerencias.
Muchas gracias.