2011-03-14 71 views
6

我有2個名爲Button1和Button2的html按鈕。使用jquery訪問兩個按鈕的點擊事件

這兩個按鈕使用jquery執行相同的操作。

現在我寫了兩個buttons.thats的單擊事件下面

$('#Button1').click(function() { 
xyz //some jquery 
    }) 



$('#Button2').click(function() { 
xyz //some jquery 
    }) 

所顯示的兩個jQuery的相同相同的jQuery。我可以在單一功能中捕獲兩個 按鈕的點擊事件嗎?

+0

可能的重複http://stackoverflow.com/questions/3810731/same-function-for-two-buttons-in-jquery – 2011-03-14 11:09:30

回答

15

您可以使用multiple selector

$('#Button1, #Button2').click(function() { 
    // You can use `this` to refer to the source element, for instance: 
    $(this).css("color", "red"); 
}); 
+0

+1漂亮功能:)。 – Kevin 2011-03-14 11:07:21

+0

@fedric。只是想澄清一些dobt。如果我這樣做,有什麼辦法來了解哪個按鈕導致事件? – 2011-03-14 11:09:06

+1

@Null指針,是的,您可以在事件處理程序中使用'this'來引用源元素。 – 2011-03-14 11:10:09

2

我會用一個類上的按鈕:

$('.className').click(function() { 
    var item = $(this); // item that triggered the event 

}); 
1

聲明函數,並把它作爲一個參數。例如:

function handleClick() { 
    // Do something.. 
} 

$('#Button1').click(handleClick); 
$('#Button2').click(handleClick); 

希望這對我有所幫助。