如何使用jQuery选择多个元素

Ric*_*ket 11 html ajax jquery

我是JQuery/Javascript等的新手...基于以下文章: 如何使锚标记引用什么?

我想将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 */ 
}); 
Run Code Online (Sandbox Code Playgroud)

基本上如上所述,如何为所有链接执行上述功能?这可能吗?提前致谢.

Suj*_*wal 27

你应该唯一地命名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>
Run Code Online (Sandbox Code Playgroud)

然后使用此代码

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

  • 我建议`$(".style1").click(function(){// whatever});` (3认同)
  • +1这回答了原始问题,但在这种情况下,一个单一的选择器就完成了这项工作. (3认同)

Sco*_*nce 15

使用以下内容

$('.style1').click(function() {      
    /* put your code here */  
}); 
Run Code Online (Sandbox Code Playgroud)

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