Foros del Web » Programando para Internet » Jquery »

Retirar elementos individualmente

Estas en el tema de Retirar elementos individualmente en el foro de Jquery en Foros del Web. Hola a todos y gracias de antemano a quien pueda ayudarme. Tengo un problema, estoy generando etiquetas para el envío de emails, dentro de un ...
  #1 (permalink)  
Antiguo 15/04/2013, 15:49
Avatar de carlospc  
Fecha de Ingreso: noviembre-2008
Ubicación: Huancayo/Perú
Mensajes: 240
Antigüedad: 13 años, 7 meses
Puntos: 12
Exclamación Retirar elementos individualmente

Hola a todos y gracias de antemano a quien pueda ayudarme.

Tengo un problema, estoy generando etiquetas para el envío de emails, dentro de un div existen dos divs adicionales, uno que muestra el nombre del destinatario y otro una "equis" para eliminar el contacto de los destinatarios, pero al darle la funcionalidad no puedo eliminar el "parent" solo funciona el primero el cual elimina la lista completa, no solo el elemento deseado. Espero haberme explicado bien...

Especificamente, quiero recrear los destinatarios de envío de mails, estilo outlook, el nuevo gmail, u otros.



Este es el código que estoy empleando:
HTML:
Código HTML:
Ver original
  1. <div class="contacto" id="mail_1"><div class="nombre">holassss</div><div class="cerrar" id="eliminar">x</div></div>
  2.     <div class="contacto" id="mail_2"><div class="nombre">holassss</div><div class="cerrar" id="eliminar">x</div></div>
  3.     <div class="contacto" id="mail_3"><div class="nombre">holassss</div><div class="cerrar" id="eliminar">x</div></div>

JQuery:
Código Javascript:
Ver original
  1. $(function() {
  2.     $("#eliminar").click(function () {
  3.       $('.cerrar').parent().remove();
  4.     });
  5. });
__________________
Mi web --> www.CarlosPC.net
  #2 (permalink)  
Antiguo 15/04/2013, 16:02
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 17 años, 2 meses
Puntos: 839
Respuesta: Retirar elementos individualmente

Lo correcto más bien sería:
Código Javascript:
Ver original
  1. $(function() {
  2.     $(".cerrar").click(function () {
  3.         $(this).parent().remove();
  4.     });
  5. });
P.S.: No uses el mismo id para varios elementos.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.

Etiquetas: css, elementos, parent, retirar
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 09:25.