2011-12-28 86 views
13

我有一些HTML代碼:如何檢測jQuery中的當前元素ID?

<input type="button" id="btn1" class="myButton" value="Button 1"/> 
<input type="button" id="btn2" class="myButton" value="Button 2"/> 

我需要運行一個jQuery函數,每當用戶點擊每個按鈕,我已經用他們的類來做到這一點。

$('.myButton').click(function() { 
    // do something 
}); 

但是我該怎麼做,取決於當前元素ID。

我的問題是,如何檢測哪個元素稱爲此功能?我需要知道它的ID。

+1

的[獲取一個被點擊項目的ID]可能重複(http://stackoverflow.com/questions/8159497/get-the-id點擊的項目) – 2011-12-28 10:34:56

回答

28

您可以使用this來訪問當前元素,然後this.id會給你當前元素的id

$('.myButton').click(function() { 
    alert(this.id); 
}); 
0

在事件處理程序this是被點擊的元素:

$('.myButton').click(function() { 

    if (this.id === "btn1") { 
     ... 
    }  

}); 
2

this。 當您使用.myButton類將點擊回調綁定到EVERY元素時,您可以使用attr()方法來獲取點擊元素的ID。

+3

請添加說明和代碼。請閱讀http://stackoverflow.com/questions/how-to-answer - *提供上下文鏈接* – 2011-12-28 10:37:19

+0

謝謝andreapier。點是$(this)... 也謝謝所有其他朋友。 – 2011-12-28 10:47:57

10

如果你想保持在jQuery的情況下,你可以使用這個片段:

$('.myButton').click(function() { 
    alert($(this).attr('id')); 
}); 

用這種方式,你更靈活一些。

1

使用jQuery,我發現這個工作:

$(this).prop('id')