Mit jQuery Methoden auf event.target

Question

I spezifische Attribute von Ereignisziel bei click Ereignis überprüfen möchten:

$('div').on('click', function(e) { 
    console.log(e.target.attr('class')); 
}); 

Dies führt zu Fehler in Browser-Konsole:

main.js:47 Uncaught TypeError: e.target.attr is not a function

Ist das nicht event.target ein jQuery-Objekt auch?

Answer 1

e.target ist kein jQuery-Objekt, es ist ein DOM-Element. Sie haben es zu werfen:

console.log($(e.target).attr('class')); 

Arbeitsbeispiel:

$('div').on('click', function(e) { 
 
    console.log($(e.target).attr('class')); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="test">click me</div>

Answer 2

Es ist besser, nicht mit JavaScript und jQuery-Code zu mischen, weil sie schwer zu handhaben oder zu verstehen ist.

$('div').on('click', function(e) { 
    //console.log(e.target.className); javascript 
    console.log($(this).attr('class')); //jquery 
});