如何使用 jQuery 选择多个元素答案

【问题标题】：How to select multiple elements with jQuery如何使用 jQuery 选择多个元素
【发布时间】：2012-04-12 08:34:07
【问题描述】：

我是 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 */ 
});

基本上和上面一样，我如何为所有的链接执行上面的函数？这可能吗？提前致谢。

【问题讨论】：

什么链接？我在您的标记中看到的只是<span> ...
ids 在文档中必须是唯一的，不能有相同的元素id
感谢您的澄清，我现在改用类。当我说“链接”时 - 我指的是跨度类，（作为另一篇文章的参考）......

标签： jquery html ajax

【解决方案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 */ 
});

【讨论】：

我建议$(".style1").click(function () {//whatever});
+1 这回答了最初的问题，但在这种情况下，一个单一的类选择器就可以完成这项工作。
这就是我所需要的，因为我有不同的单选按钮我需要以这种方式行事。谢谢！

【解决方案2】：

使用下面的

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

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

【讨论】：

【解决方案3】：

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

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

我建议使用一个类来选择所有链接。使用. 字符选择类。

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

【讨论】：