使用上event.target

Question

我想在click事件檢查活動對象的特定屬性jQuery方法

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

是不是event.target一jQuery對象呢？

Answer 1

e.target默認情況下不是jQuery對象，它是一個DOM元素。你要投它：

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

工作例如：

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

最好不要使用JavaScript和jQuery代碼混合在一起，因爲這是很難處理或理解。

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