получить щелкнул элемент JQuery с OnClick функции

Question

у меня есть кнопка:

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

я хочу, чтобы получить идентификатор кнопки («моя-кнопка»), в функции «действия».

я пытался получить его:

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

я попытался отправить объект из йот:

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

и это не сработало ...

как можно я получаю идентификатор?

Answer 1

Вы должны принять параметр

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

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

Однако, как вы используете jquery я бы рекомендовал вам связать события, используя его.

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

Answer 2

Установить событие OnClick в коде Jquery, прямо сейчас, что когда-либо делает это по старому стилю, и является устаревшим в нескольких браузерах (многие в мобильных браузерах).

Поэтому удалите привязку события onlclick из вашего HTML-элемента и добавьте 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>