將事件附加到JQuery中的兩個項目

Question

我想創建一個點擊事件，該事件將在兩個不同的項目被點擊時起作用。 有沒有辦法做到這一點？

例如，通常我會做的是：

<a id="link1" onclick="doSomething()">link1</a> 
<a id="link2" onclick="doSomething()">link2</a> 

但我想知道的是，是否有任何事件超載不爽，也許是這樣的：

<script> 
$("#link1", "#link2").click(function() { 
alert('doSomething'); 

}); 
</script> 

由於

Answer 1

的選擇應該是這樣的：

$("#link1, #link2") 

看看jQuery的multiple selector docs。

Answer 2

<script> 
$("#link1, #link2").click(function() { 
alert('doSomething'); 

}); 
</script> 

Answer 3

您可以用逗號分隔使用multiple selector，像這樣：

$('#link1, #link2').click(function() { 
    alert('doSomething'); 
}); 

You can test it here。

---

但一個更簡單的方法通常是給鏈接通用類，這樣不管你有2個環節，沒有任何鏈接或400個鏈接...有你的代碼沒有變化。要做到這一點給他們這樣的一類：

<a href="#" class="link">link1</a> 
<a href="#" class="link">link2</a> 

然後用.class selector，像這樣：

$('.link').click(function() { 
    alert('doSomething'); 
}); 

You can test that version out here。