jquery e.target.hasClass nie działa

Question

Dynamicznie tworzę nowy div (z klasą i identyfikatorem "textbox"), a także kilka innych elementów w nim, a później w moim kodzie wiążę to div ze zdarzeniem kliknięcia i wyświetlić element kliknięciu tak:

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

to jest w porządku, a to będzie mi dać textbox jako jednej z klas wyświetlanych. Ale wydaje się, że event.target.hasClass() nie działa. Tak więc, kiedy należy wykonać następujące czynności, nic się nie dzieje:

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

Próbowałem kilka różnych sposobów i wydaje mi się, że event.target.hasClass() po prostu nie działa. Czy istnieje inny sposób radzenia sobie z wydarzeniami lub czy robię coś złego?

Answer 1

Próbujesz użyć metody jQuery, hasClass(), na standardowym elemencie DOM. Trzeba konwertować zwykły JS DOM elementu e.target do obiektu jQuery, tak:

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

I skończyć z:

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

Zauważ użycie on(), prawidłowego zamknięcia click i nie potrzebujesz nawiasów klamrowych w instrukcji if, jeśli wykonujesz tylko prosty alert.

Answer 2

Jeśli chcesz zachować używając elementu JS DOM zwykły bez użycia jQuery:

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