jquery e.target.hasClass funktioniert nicht

Question

Ich erstelle dynamisch eine neue div (mit einer "Textbox" -Klasse und ID) und einige andere Elemente darin, und später in meinem Code binde ich das div an das Click-Ereignis und zeigen das Element angeklickt, etwa so:

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

das ist in Ordnung, und es wird mir textbox als einer der Klassen angezeigt geben. Aber event.target.hasClass() scheint nicht zu funktionieren. Also, wenn ich folgendes tun, passiert nichts:

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

Ich versuchte es ein paar verschiedene Möglichkeiten, und es scheint mir, dass event.target.hasClass() einfach nicht funktioniert. Gibt es eine andere Möglichkeit, mit Ereignissen umzugehen oder mache ich etwas falsch?

Answer 1

Sie versuchen, eine jQuery-Methode hasClass() auf einem Standard-DOM-Element zu verwenden. Sie müssen die Ebene JS DOM-Element e.target auf ein jQuery-Objekt konvertieren, etwa so:

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

Und Sie am Ende mit:

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

Beachten Sie die Verwendung von on(), die ordnungsgemäße Schließen der click Funktion, und Sie brauchen keine geschweiften Klammern in Ihrer if-Anweisung, wenn Sie nur eine einfache Warnung ausführen.

Answer 2

Wenn Sie Ihr JS DOM-Element Ebene ohne Verwendung jQuery zu halten mit:

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