私がボタンを持っているのonclick機能を

Question

をクリックした要素のjQueryを取得：

<button id="my-button" type="button" onclick="action()">press me</button> 

私は「アクション」機能では、ボタン（「マイボタン」）のIDを取得したいです。

私はそれを取得しようとしました：

var id = $(this).id; 
var id = $(this).attr('id'); 

私は、DOMからオブジェクトを送信しようとした：

<button id="my-button" type="button" onclick="action(this)">press me</button> 

、それは動作しませんでした...

をどのようにすることができます私はIDを取得？あなたはしかし、パラメータ

function action(elm) { 
 
    alert(elm.id) 
 
}

<button id="my-button" type="button" onclick="action(this)">press me</button>

を受け入れる必要が

Answer 1

、あなたがjqueryを使用していると私はそれを使用してイベントをバインドするために、あなたをお勧めします。今のところ、これまで何をしているか、あなたのjqueryのコードでonclickイベントを設定し

Answer 2

$(function() { 
 

 
    $('#my-button').on('click', function() { 
 
    alert(this.id); 
 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<button id="my-button" type="button">press me</button>

は、古いスタイルで、（モバイルブラウザの多くの）いくつかのブラウザで推奨されていません。

したがって、HTML要素からonlclickイベントのバインディングを削除し、下に示すようにjqueryを追加します。

$(function() { //document ready event 
 

 
    $('#my-button').on('click',function() { 
 
    var id = $(this).attr('id'); 
 
    alert(id); 
 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<button id="my-button" type="button">press me</button>

Answer 3

<button id="1" onClick="reply_click(this.id)">Button</button> 

<script type="text/javascript"> 
function reply_click(clicked_id) 
{ 
    alert(clicked_id); 
} 
</script>