獲取引起該事件的jQuery函數

Question

元素本身我有這樣

<button class="btn methodDeleteBtn" name="1" value="Delete"></button> 
<button class="btn methodDeleteBtn" name="2" value="Delete"></button> 
<button class="btn methodDeleteBtn" name="3" value="Delete"></button> 
<button class="btn methodDeleteBtn" name="4" value="Delete"></button> 

按鈕和我在這裏得到了click事件。

$(document).ready(function() { 
    $(".methodDeleteBtn").click(function(){ 
     console.log("delete:"); // How to get the "name" value???? 
     } 
    ) 
}); 

如果我可以像這樣得到元素本身，我會得到名稱的值。

$(".methodDeleteBtn").click(function(e){ 
     e.name // If I can get the element itself. 
    } 

有沒有人知道解決這個問題的好方法？

Answer 1

您可以使用$(this)是指觸發事件的項目。

您還應該使用這樣的newer syntax。

$(".methodDeleteBtn").on('click', function(){ 
    console.log($(this).attr('name)); 
}); 

請不，如果你打算使用$(this)很多次，你應該把它存儲在一個變量，以加快速度。

像這個例子：

$(".methodDeleteBtn").on('click', function(){ 
    vat t = $(this); 
    console.log(t.attr('name)); 
    console.log(t.val()); 
    //etc. 
}); 

Answer 2

您可以通過此得到名稱值：

$(document).ready(function() { 
    $(".methodDeleteBtn").click(function(){ 
     var name = jQuery(this).attr('name'); 
     alert(name); 
    } 
) 
});