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); 
}