al crear un elemento dinamico lo creo junto con un span cerrar quisiera cerrar solo ese elemento que se crea arriba y el mismo boton cerrar... no los demas botones y los demas elementos, que solo le afecte a uno y el comportamiento de los otros siga igual a menos que le de al cerrar que le corresponda. se que esto se hace con this pero no se usarlo
este es mi codigo
<html>
<head>
<title>asda</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
<div id="blog-test-cont">
<p class="blog-test">Pulsa para probar</p>
</div>
<script>
var bt_count = 0;
$("#blog-test-cont").on("click", ".blog-test", function(){
$(this).after("<p class=\"blog-test\">Pulsa para probar " + (++bt_count) + "</p>" + " <span class=\"cerrar\">cerrar</span>");
$(".cerrar").click(function(){
$(this).find('.blog-test').hide();
});
});
</script>
</body>
</html>