Eliminar una linea introducido anteriomente mediante javascript

[Alexis88]

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:

<section id="respuesta">
    <div class="bloque">
        <input name="conceptos[]" />
        <span class="eliminar">Eliminar producto</span>
    </div>
 
    <div class="bloque">
        <input name="conceptos[]" />
        <span class="eliminar">Eliminar producto</span>
    </div>
 
    <div class="bloque">
        <input name="conceptos[]" />
        <span class="eliminar">Eliminar producto</span>
    </div>
</section>
 

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:

$("#respuesta").on("click", ".eliminar", function(){
    $(this).parent(".bloque").remove();
});