jquery e.target.hasClass no funciona

Question

Creo dinámicamente un nuevo div (con una clase e ID de "cuadro de texto"), y algunos otros elementos dentro de él, y más tarde en mi código, vinculo ese div al evento click y mostrar el elemento hace clic, así:

$('#textbox_'+i).bind('click', function(event){ 
    alert(event.target.className); 
} 

Esto está muy bien, y me dará textbox como una de las clases mostradas. Pero event.target.hasClass() parece que no funciona. Así que, cuando hago lo siguiente, no pasa nada:

$('#textbox_'+i).bind('click', function(event){ 
    if(event.target.hasClass('textbox')) { alert('got it!'); } 
} 

lo probé un par de maneras diferentes y me parece que event.target.hasClass() simplemente no funciona. ¿Hay alguna otra forma de lidiar con los eventos o estoy haciendo algo mal?

Answer 1

Está tratando de usar un método jQuery, hasClass(), en un elemento DOM estándar. Es necesario para convertir el elemento JS DOM llanura e.target a un objeto jQuery, así:

$(event.target).hasClass('textbox') 

Y se termina con:

$('#textbox_'+i).on('click', function(event){ 
    if($(event.target).hasClass('textbox')) alert('got it!'); 
}); 

Aviso el uso de on(), el cierre correcto de la click función, y no necesita corchetes en su declaración if si solo está ejecutando una alerta simple.

Answer 2

Si desea seguir usando el elemento de JS DOM plano sin el uso de jQuery:

event.target.classList.contains('textbox')