如何使用jQuery选择多个元素

Question

我是JQuery / Javascript等的新手...基于以下文章： How to make an anchor tag refer to nothing?

我想将java函数应用于几个id。我们不能让函数执行类而不是ids吗？

<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

您应该唯一地命名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 */ 
}); 

Answer 2

使用以下

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

这为包含style1的类的所有元素添加了一个单击处理程序。您不应该有重复的ID

Answer 3

首先，ID应该是唯一的。您不应该有多个具有相同ID的元素。

要在jQuery中按ID选择，请使用#字符。 $('#myid')。这将获得具有该ID的第一个元素，因为应该只有一个（您可以通过执行$('[id="myid"]')来获取具有相同ID的多个元素）。

我建议您使用课程来选择所有链接。使用.字符选择类。

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