El ejemplo lo has puesto tú, por eso te digo que lo hagas como cuando añades elementos. Eso que haces es delegar un evento y es la mejor forma de trabajar con elementos dinámicos.
Yo te recomiendo añadir cada par de elementos en un contenedor y luego adherir este al
<div> principal.
Código Javascript
:
Ver original$("#blog-test-cont").on("click", ".blog-test", function(){
$(this).after("
<div class = 'ejemplo'>
<p class = 'blog-test'>
Pulsa para probar " + (++bt_count) + "
</p>" + "
<span class = 'cerrar'>cerrar</span>
</div>
");
});
Y para eliminarlo:
Código Javascript
:
Ver original$("#blog-test-cont").on("click", ".cerrar", function(){
//Tomamos al contenedor del <span> y, por ende, del párrafo y lo ocultamos
$(this).parent().hide();
});
Saludos