Sử dụng phương pháp jQuery trên event.target

Question

Tôi muốn kiểm tra thuộc tính cụ thể của mục tiêu sự kiện trong click sự kiện:

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

Điều này dẫn đến lỗi trong trình duyệt của giao diện điều khiển:

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

Không phải là một event.target jQuery đối tượng quá?

Answer 1

e.target không phải là đối tượng jQuery theo mặc định, nó là phần tử DOM. Bạn phải cast nó:

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

dụ làm việc:

$('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

Nó là tốt hơn không để trộn với javascript và mã jquery, bởi vì rất khó để xử lý hoặc hiểu.

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