Javascript获取div id从onclicked函数

Question

我有一些按钮具有相同onClick函数。在onClick函数内我想检查哪个ID被按下。每个按钮都有不同的ID。

我将如何去返回被点击的按钮的ID？

Answer 1

我会使用$（this）.attr（'id'）（如果您使用的是jQuery）您可以发布您的代码吗？

如果你不使用Jquery，我会通过id作为onclick函数中的一个参数。没有真正看到你的代码，这将是很难说。

有关更多上下文，请参阅here。

Answer 2

没有jQuery，它只是element.id。这里有一个例子JSFiddle

function clicked(e) { 
    alert(this.id); 
} 

以上是您的单击事件的回调函数。如果你打电话给你之类的函数，即

Answer 3

function myFn(){ 

    // your code; 
    alert(this.id); 

} 

将做的工作：

var $btn = document.querySelectorAll('button'); 
for(var i=0; i<$btn.length; i++) $btn[i].addEventListener('click', myFn, false); 

Answer 4

在你按一下按钮，通过该按钮

<button id="btn1" onClick="btnclick(this.id)">button1</button> 

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

不然，如果你的id不将ID作为参数传递给点击处理程序

<button id="btn1" onClick="btnclick()">button1</button> 

function btnclick(e) { 
    e = e || window.event; 
    e = e.target || e.srcElement; 
    if (e.nodeName === 'BUTTON') { 
     alert(e.id); 
    } 
} 

Answer 5

您可以将'this'传递给您的方法以识别呼叫者。

<button id="1" type="button"onclick="myFunction(this)">Click me!</h1> 

，并参考其与ID由LaughDonor

function myFunction(entity) 
{ 
    alert(entity.id); 
}