Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/10/2010, 09:16
Avatar de Carxl
Carxl
Colaborador
 
Fecha de Ingreso: agosto-2006
Ubicación: Bogotá
Mensajes: 2.993
Antigüedad: 17 años, 9 meses
Puntos: 70
Remover div's dinámicos

Qué tal?

Bien...

Tengo este código que genera div's con id dinámicos:

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.     $(function(){
  3.         var ndivs = 1;
  4.         $('#adicionarDiv').click(function(){
  5.             //$('#contenedorDivs').html('<div class="hhh"><p>Hola!</p></div>');
  6.             $('<div class="hhh" id="'+ndivs+'"><p><input id="borrarDiv'+ndivs+'" type="button" name="borrarDiv'+ndivs+'" value="Borrar Div" /></p><p>'+ndivs+'</p></div>').appendTo('#contenedorDivs');
  7.             ndivs++;
  8.         })
  9.  
  10.         $('#borrarDiv1').live('click', function(){
  11.             $('#1').remove();
  12.         })
  13.     });
  14. </script>

Como esos id son dinámicos, que instrucción me serviría en Jquery para decirle que elimine el div con el id correspondiente que den click (por ahora tengo una instrucción que elimina siempre el div con id 1 xD).

Si se fijan, el html dinámico que genero, genera un botón que es su respectivo eliminar:

Código Javascript:
Ver original
  1. <input id="borrarDiv'+ndivs+'" type="button" name="borrarDiv'+ndivs+'" value="Borrar Div" />

La idea sería que al picar en su respectivo botón, elimine ese div dinámico.

Espero me haya explicado bien

Gracias de nuevo.
__________________
Hay 10 tipos de personas, los que entienden binario y los que no. (Anónimo)
www.programandoweb.com