Buenas, por más vueltas que le doy logro hacer una acción. El caso es que mediante ajax llamo a un archivo php que me imprime una etiqueta de html con echo. El problema viene a la hora de querer manejar esa etiqueta (a la que le he puesto una clase) ya que, presupongo, que es porque no existe en el DOM.
¿Como puedo crear el elemento en el DOM desde php para que pueda acceder al elemento desde javascript?
Aquí pongo el ejemplo que simplifique del proyecto que estoy trabajando. Un h2 en el que haciendo click, aparece la respuesta de php. Pero al hacer click en el párrafo creado, no me reconoce la clase.
$contenido=$('.contenido');
$btn=$('.click');
$p=$('.parrafo');
$btn.on('click', function() {
$.ajax({
url: 'prueba.php',
success: function(response) {
$contenido.html(response);
}
})
});
$p.on('click', function() {
alert('Existo!');
});
<html>
<head>
<meta charset="UTF-8">
<title>Prueba</title>
</head>
<body>
<h1 class="titulo">Prueba</h1>
<p>Esto es una prueba</p>
<h2 class="click" style="cursor:pointer">Click aqui para enseñar contenido php</h2>
<p class="contenido"></p>
</body>
</html>
<?php
echo '<p class="parrafo">Hola mundo</p>';
?>
También lo intente con este código de php utilizando la clase DOMDocument
<?php
$doc=new DOMDocument();
$doc->loadHTML('<p class="parrafo">Hola mundo</p>');
echo $doc->saveHTML();
?>
Además también he probado sin ajax, cargando un archivo html desde javascript con .load(), pero no encuentro la manera.