2017-01-23 5 views
0

をイベントの原因となる要素自体は、私はこのjQueryの機能で

<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> 

のようなボタンがあると私はここにクリックイベントをゲット。

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

このような要素自体を得ることができれば、私はnameの値を得ます。

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

誰もがこれを解決する良い方法を知っていますか?

+0

'this.name'または' e.target.name' –

+0

あなたの第二の例のように 'event'に合格しないのはなぜ? – tymeJV

+0

あなたは現在のクリックされた要素 '$(this) 'を選択するために' this'をコールバックの中で使うことができます – Sojtin

答えて

3

このように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. 
}); 
+0

ありがとう!それは非常に簡単できれいです。 – whitebear

0

あなたは、このことにより、名前の値を取得することができます:あなたは、イベントをトリガする項目を参照する$(this)を使用することができます

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