Foros del Web - Ver Mensaje Individual - agregar y eliminar campos en formulario dinamicamente

#1 (**permalink**) 05/06/2013, 20:19

hola buenas noches tengo un problema en este formulario para adaptarlo que me elimines las filas q crea, es decir es un formulario donde puedo agregar filas automaticamente al hacer clic en un boton, eso funciona excelente, pero ahora quisiera es agregarle un boton q me elimine una por una las filas q e creado, aqui los codigos

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Añadir fila a una tabla con jQuery</title>
<script type="text/javascript" src="http://lineadecodigo.com/js/jquery/jquery.js"></script>
<script type="text/javascript">
 
$(document).ready(function(){
 
 $("#add").click(function() {
 
         /* Opción 1 */
         var n = $('tr:last td', $("#mitabla")).length;
 
         var tds = '<tr>';
     for(var i = 0; i < n; i++){
         tds += '<td>nuevo</td>';
     }
     tds += '</tr>';
 
     $("#mitabla").append(tds);          
   });
});
 
</script>
</head>
<body>
<h1>Añadir fila a una tabla con jQuery</h1>
 
 
<table border="1" id="mitabla">
<tbody>
<tr>
<td>Dato 1.1</td>
<td>Dato 1.2</td>
<td>Dato 1.3</td>
<td>Dato 1.3</td>
<td>Dato 1.3</td>
</tr>
<tr>
<td>Dato 2.1</td>
<td>Dato 2.2</td>
<td>Dato 2.3</td>
<td>Dato 1.3</td>
<td>Dato 1.3</td>
</tr>
<tr>
<td>Dato 3.1</td>
<td>Dato 3.2</td>
<td>Dato 3.3</td>
<td>Dato 1.3</td>
<td>Dato 1.3</td>
</tr>
</tbody>
</table>
 
 
<button id="add">Añadir Fila</button>
 
<br><br>
<hr>
</body>
</html>