2016-03-23 25 views
0

ile tıklanan öğenin jquery olsun:i bir düğme onclick fonksiyonu

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

i düğmesini ("my-düğmesi") id almak istiyorum, "eylem" fonksiyonunda. nasıl olabilir

...

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

ve işe yaramadı:

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

i dom nesneyi göndermeyi denedik:

i ile onu almaya çalıştım kimliği alıyorum Ben bunu kullanarak olayları bağlamak için tavsiye ederim

cevap

2

Sen kullandığınız gibi Ancak parametresini

function action(elm) { 
 
    alert(elm.id) 
 
}
<button id="my-button" type="button" onclick="action(this)">press me</button>

kabul etmek gerekir. Şu anda hiç ne yaptığını sizin jquery kodu Onclick olayı Set

3

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

, eski tarzıdır ve (mobil tarayıcılarda çok) birkaç tarayıcılarda kaldırılmıştır.

Yani onlclick etkinliğinin bağlayıcılarını HTML öğenizden kaldırın ve aşağıda gösterildiği gibi jquery ekleyin.

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

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

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