javascript - 在 event.target 上使用 jQuery 方法

Question

我想在 click 事件期间检查事件目标的特定属性:

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

这会导致浏览器控制台出错:

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

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>