Jquery獲得觸發事件的實際控件。

Question

我有下面的HTML： -

<button type="button" class="btn-add"> 
    <i class="some-icon"></i> 
</button> 

與圖標創建了一個很好花哨的按鈕

我綁定在按鈕單擊事件： -

function (e) { 
    console.log($(e.target)); 
} 

現在，當我點擊在按鈕的中心上面的javascript的輸出是因爲e.target而造成的<i>元素。有沒有其他的方式來獲得實際的控制權來解決這個事件，在這種情況下是<button>？

Answer 1

閱讀本Difference between target and currentTarget

這裏是您的解決方案： Fiddle link

$('.btn-add').click(function(e) { 
    alert(e.currentTarget.tagName); 
}); 

Answer 2

您可以使用this或e.currentTarget

$('button').click(function(e){ 
    console.log(e.target); 
    console.log(this); 
    console.log(e.currentTarget); 
}) 

演示：Fiddle