在event.target上使用jQuery方法

Question

我想在click事件期間檢查事件目標的特定屬性：

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

這會導致瀏覽器控制台出錯：

main.js：47未捕獲TypeError：e.target.attr不是函數

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

Answer 1

e.target默認情況下不是jQuery對象，它是一個DOM元素。 你必須施展它：

$(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
});