erhält das geklickt Element jquery mit Onclick Funktion

Question

ich habe eine Schaltfläche:

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

ich will die ID der Schaltfläche erhalten ("my-Taste"), in der "action" Funktion.

Ich habe versucht, es mit zu bekommen:

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

Ich habe versucht, das Objekt aus dem Dom zu senden:

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

und es hat nicht funktioniert ...

wie kann Ich bekomme die ID?

Answer 1

Sie müssen den Parameter

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

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

jedoch akzeptieren, wie Sie jquery verwenden würde ich empfehlen Ihnen Ereignisse zu binden, es zu benutzen.

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

das Onclick-Ereignis in Ihrem jquery Code einstellen, was jetzt immer ist im alten Stil tut, und ist in wenigen Browsern (viele in mobilen Browsern) ist veraltet.

So entfernen Sie die Bindung von onlclick -Ereignis von Ihrem HTML-Element und fügen Sie in jQuery wie unten dargestellt.

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