如何选择多个元素与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 */ 
});