Tema: Jquery trabajar con inputs dentro de td
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 17/12/2010, 11:06
Dany_s
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 867
Antigüedad: 15 años
Puntos: 65
Respuesta: Jquery trabajar con inputs dentro de td
que no sirven los id dinámicos!!! jeje deberias practicar un poco con estos métodos http://api.jquery.com/category/traversing/ y ver que hacen

si tenes un boton para borrar en cada fila entonce cuando hacen click subis hasta ese tr y lo borras

Código HTML: 
Ver original
  1. <html>
  2.     <head>
  3.         <title>Ejemplo</title>
  4.         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  5.     </head>
  6.         <script type="text/javascript">
  7.             $( function (){
  8.                 $('#agregar').click( function(){
  9.                     newTr = $('tr:first').clone();
  10.                     $('input, select', newTr).val('');
  11.                     $('#laTabla').append(newTr);
  12.                     return false;
  13.                 });
  14.  
  15.                 $('.eliminar').live('click', function(){
  16.                     $(this).closest('tr').remove();
  17.                 });
  18.  
  19.             });
  20.         </script>
  21.     <body>
  22.  
  23.     <div>
  24.         <table id="laTabla">
  25.             <tr>
  26.                 <td><span class="item">Name</span></td>
  27.                 <td><input  type="text"  name="nombre[]" /></td>
  28.                 <td><input  type="text"  name="uno[]" /></td>
  29.                 <td><input  type="text"  name="dos[]" /></td>
  30.                 <td><select name="tres"><option>1</option><option>2</option</select></td>
  31.                 <td><select name="cuatro"><option>1</option><option>2</option</select></td>
  32.                 <td><select name="cinco"><option>1</option><option>2</option</select></td>
  33.                 <td><button class="eliminar">Eliminar</button></td>
  34.             </tr>
  35.         </table>
  36.         <input id="agregar" type="button" value="+" />
  37.     </div>
  38.  
  39.     </body>
  40. </html>

y esto
$('select', newTr).eq(0).val('');
$('select', newTr).eq(1).val('');
$('select', newTr).eq(2).val('');

es lo mismo que esto
$('select', newTr).val('');


y todo junto
$('input', newTr).eq(0).val('');
$('input', newTr).eq(1).val('');

$('select', newTr).eq(0).val('');
$('select', newTr).eq(1).val('');
$('select', newTr).eq(2).val('');


es lo mismo esto
$('select, input', newTr).val('');