Ver Mensaje Individual
  #2 (permalink)  
Antiguo 30/01/2018, 00:25
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.545
Antigüedad: 10 años, 8 meses
Puntos: 972
Respuesta: Eliminar una linea introducido anteriomente mediante javascript

Sería más sencillo si cada elemento que agregaras se encontrara dentro de un bloque junto a un botón para poder eliminarlo y todo ese bloque sería el que añadirías al elemento con el identificador "respuesta".

Por ejemplo, supongamos que añadiste tres elementos de esa forma:

Código HTML:
Ver original
  1. <section id="respuesta">
  2.     <div class="bloque">
  3.         <input name="conceptos[]" />
  4.         <span class="eliminar">Eliminar producto</span>
  5.     </div>
  6.  
  7.     <div class="bloque">
  8.         <input name="conceptos[]" />
  9.         <span class="eliminar">Eliminar producto</span>
  10.     </div>
  11.  
  12.     <div class="bloque">
  13.         <input name="conceptos[]" />
  14.         <span class="eliminar">Eliminar producto</span>
  15.     </div>

Bastaría con que registraras el evento click al elemento <section id="respuesta">, delegaras el evento a los elementos con la clase "bloque" (se verá afectado el <span class="eliminar"> pulsado), hallaras al elemento que lo contiene (el <div class="bloque"> respectivo) y procedieras a eliminarlo utilizando un método como .remove():

Código Javascript:
Ver original
  1. $("#respuesta").on("click", ".eliminar", function(){
  2.     $(this).parent(".bloque").remove();
  3. });

__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Última edición por Alexis88; 31/01/2018 a las 22:15 Razón: Faltó una letra