悬停功能不能在具有相同ID的多个元素中工作

Question

我的想法是，当您将鼠标悬停在图像上时，前面会出现一个黑色0.9不透明div，显示一些信息。它确实有效，但只有第一个元素，然后它根本没有。我正在使用相同的id和类，因为我使用的系统为每个语句创建一个并重复使用不同内容的语法。我似乎无法使它工作，请帮助！

这是关于小提琴的代码。 http://jsfiddle.net/9dzU6/

提前谢谢！祝你今天愉快！ ：）

Answer 1

ID应该是唯一的。如果要将其分配给多个项目，请将其用作类。这意味着，你可以试试;

在分配课程后，

$('.distinguished')而不是$('#distinguished')。

Answer 2

这就是ids的工作方式。它们应该是独特的。如果你想要多个，你应该使用一个类并选择“.myClass”。

Here is the fiddle fixed 我认为应该纠正CSS，但你仍然可以看到JS正常工作。