Problema al seleccionar class después de cargar a traves de .html(msj)

[ricky0123456]

Hola buenas...
Estoy haciendo una aplicación web en la que a través de una consulta a la bd con $ajax({}); cargo la respuesta en un div a través de un .html(msj) y quisiera saber como puedo acceder a los id y class de la carga realizada.. pues no me lo permite..


Gracias de antemano
Saludos

el codigo de la consulta php

Código PHP:

foreach ($pro as $pd ){
    $img = $pd->imagen;
    $nom = $pd->producto;
    $pre = $pd->precio;
                    
$html.= '<div class="containerProducto">
      <img src="archivos/producto/'.$img.'" width="170"/>
      <div class="nombrePro">'.$nom.'</div>
     <div class="precio">'.$pre.'</div>
     </div>';
}       
echo $html;
 

codigo de la peticion jquery

Código Javascript:

$.ajax({// funcion para validar si el nommbre de la cat existe en la bd
       url:'/frontend/inicio/selectedSubCategoriaTienda',
       type:'POST',
       data: {'hash':url},
       success:function(msj){
       $('.containerArticulosTienda').html(msj)
                    
       }    
});
 

[marlanga]

El motivo de que no hayas accedido a esos elementos es muy fácil:
No has accedido a esos elementos, tu código ni siquiera lo intenta.

[ricky0123456]

hola marlanga, gracias por tu respuestas,..

No es que no lo intente es que no lo he adjuntado, lo unico que he hecho es explicar el probklema y presentar el codigo..

Código Javascript:

$('.nombrePro').click(function(){
        pruebaResulatdo = $(this).val()
        alert(pruebaResulatdo)
        
    });
 

[ricky0123456]

o incluso así, para ver si nos actua o no el click..

Código Javascript:

$('.nombrePro').click(function(){
    alert('Si actua')
    });
 

[marlanga]

Cuando ejecutas ese código, el elemento al que haces referencia NO EXISTE, así que no hará nada.

Una de dos, o ejecutas ese código cuando exista el elemento (cuando lo metas en el DOM usando el success del ajax), o mejor todavía, usa eventos delegados

Código Javascript:

$('body').on("click",".nombrePro",function(){
    alert('Si actua')
    });
 

Los eventos delegados funcionan con elementos que no existen porque el BODY es el que recoge el evento "click". Pero dentro del evento "click", se puede saber sobre qué elemento se hizo realmente el "click", ya que en realidad, los eventos se trasnmiten hacia arriba, hacia el padre, en el DOM de la página. Es decir, un botón dentro de un div dentro del body, si aprietas el botón se dispara el evento click del botón. Luego se dispara el evento click del div, si lo tuviera, y por último se dispara el evento click del body, si lo tuviera.

[ricky0123456]

Buenisimo Marlanga, excelente explicación.. pero si tengo mas de un elemento como debo de hacerlo???.. gracias

[marlanga]

De la misma forma.

[ricky0123456]

gracias amigo.. me ha sido de excelente ayuda