Event.target指的是孩子，而不是父

Question

考慮以下div嵌套

<div class="parent"> 
    <div class="child"></div> 
</div> 

在jQuery中，我做

$('.parent').click(function (e) { 
    e.target // this refers to .child instead of .parent 
}) 

有沒有辦法讓參考.parent在這案例不適合做像.closest()？

Answer 1

您可以使用$(this)而不是e.target和this，因爲您可能想要在其上使用jQuery方法。

$('.parent').click(function(e) { 
 
    alert($(this).attr('class')); 
 
});

.parent { 
 
    color: green; 
 
} 
 
.child { 
 
    color: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> 
 
<div class="parent"> 
 
    Parent 
 
    <div class="child">Clild</div> 
 
</div>

$(this)總是指在其已發生事件的元素。

Answer 2

只需使用this，它指的是發生事件的元素。

$('.parent').click(function (e) { 
    console.log(this); 
}) 

DEMO

Answer 3

我糊塗了第二，爲什麼我不能簡單地使用$(this)參考。我正在使用Meteor，它將this綁定到事件回調中的其他對象。在這種情況下，您可以使用event.currentTarget，我相信jQuery無論如何都會綁定this引用。