如何選擇多個元素與jQuery

Question

我是新來的JQuery/javascript等等......基於以下文章： How to make an anchor tag refer to nothing?

我想在Java功能應用到幾個ID的。我們不能讓這個函數執行類而不是id嗎？

<span class="style1" id="myid">Link</span> 
<span class="style1" id="myid">Link</span> 
<span class="style1" id="myid">Link</span> 
<span class="style1" id="myid">Link</span> 
<span class="style1" id="myid">Link</span> 

$('myid').click(function() { 
    /* put your code here */ 
}); 

基本上如上，我怎麼執行上述所有環節的功能？這可能嗎？提前致謝。

Answer 1

使用以下

$('.style1').click(function() {  
    /* put your code here */ 
}); 

這增加了點擊處理程序包含style1類的所有元素。您不應該有重複的ID

Answer 2

首先，ID應該是唯一的。你不應該有多個具有相同ID的元素。

要在jQuery中使用ID進行選擇，請使用#字符。 $('#myid')。這將得到與該ID的第一個元素，因爲應該只有一個（你可以通過做$('[id="myid"]')有點欺騙，以獲得具有相同ID的多個元素）。

我建議使用一個類來選擇所有的鏈接。類使用.字符進行選擇。

$('.style1').click(function(){}); 

Answer 3

你應該命名ID唯一，

<span class="style1" id="myid1">Link</span> 
<span class="style1" id="myid2">Link</span> 
<span class="style1" id="myid3">Link</span> 
<span class="style1" id="myid4">Link</span> 
<span class="style1" id="myid5">Link</span> 

然後使用此代碼

$('#myid1,#myid2,#myid3,#myid4,#myid5').click(function() { 
    /* put your code here */ 
});