问不能在具有相同id的元素上触发单击事件

EN

为此使用类(以及处理程序中的return false，而不是内联)：

<div id="container">
    <a href="#info-mail.ru" class="getInfo">Info mail.ru</a>
</div>
<div id="container">
    <a href="#info-mail.com" class="getInfo">Info mail.com</a>
</div>
<div id="container">
    <a href="#info-mail.net" class="getInfo">Info mail.net</a>
</div>

$('.getInfo').click(function(){
    alert('test!');
    return false;
});

http://jsfiddle.net/Xde7K/2/

出现此问题的原因是ID使用document.getElementById()检索元素，后者只能返回一个元素。所以你只能得到一个，不管浏览器决定给你什么。

虽然根据规范，必须在任何文档中只有一个具有给定id的元素，但您可以通过以下方法绕过这条规则，以及如果使用jQuery，则document.getElementById()所产生的后果问题：

$('a[id="getInfo"]').click(function() {
    alert('test!');
    return false;
});

JS Fiddle演示。

但是，求你了，不要。尊重规范，当他们被跟踪的时候，他们会让每个人的生活变得更容易。以上是一种可能性，但正确地使用html对我们大家来说都要好得多。并减少浏览器引擎( jQuery或JavaScript本身)内任何未来更改的影响。

您可以对多个元素使用相同的id (尽管页面不会验证)，但是不能使用id查找元素。

document.getElementById方法只返回给定id的单个元素，因此如果要查找其他元素，则必须遍历所有元素并检查它们的id。

jQuery用来为选择器查找元素的Sizzle引擎在给定一个选择器(如#getInfo )时使用getElementById方法查找元素。