javascript - 当点击事件发生时查找哪个div被点击

Question

我在类 subcat 下有多个 div。我在类里面有一个点击事件。我想获取被点击的div。

<div class="subcat"><a href="#">abc</div>
<div class="subcat"><a href="#">def</div>
<div class="subcat"><a href="#">ghi</div>
<div class="subcat"><a href="#">jkl</div>

我的 jquery 函数就像

$('.subcat').click(function(element) {
    element.preventDefault();
    getsubcat(element);
});

但是该元素显示为 null。我尝试使用 this 而不是 element，但这也不起作用。

$('.subcat').click(function(element) {
    this.preventDefault();
    getsubcat(this);
});

我之前写的如下，它运行得很好。

<div class="subcat"><a href="#" onclick="getsubcat(this)">abc</div>
<div class="subcat"><a href="#" onclick="getsubcat(this)">def</div>
<div class="subcat"><a href="#" onclick="getsubcat(this)">ghi</div>
<div class="subcat"><a href="#" onclick="getsubcat(this)">jkl</div>

Answer 1

事件处理程序的第一个参数是 event 对象，因此您需要对其调用 preventDefault()。

事件处理程序中的

this 将指向处理程序注册到的 dom 元素，以便可以将其传递给 getsubcat

$('.subcat').click(function(event) {
    event.preventDefault();
    getsubcat(this);
});