懸停功能不適用於具有相同ID的多個元素

Question

我的想法是，當您將鼠標懸停在圖像上時，黑色的0.9不透明度div會出現在前面，顯示一些信息。 它確實在起作用，但僅在第一個元素起作用，然后根本不起作用。 我使用相同的id和類，因為我使用的系統為每個語句創建一個，並使用不同的內容重復語法。 我似乎無法使其正常運行，請幫助！

這是小提琴上的代碼。 http://jsfiddle.net/9dzU6/

先感謝您！ 祝你今天愉快！ :)

Answer 1

ID應該是唯一的。 如果要將其分配給多個項目，請改為將其用作類。 這意味着您可以嘗試；

分配類后，使用$('.distinguished')代替$('#distinguished') 。

Answer 2

id是這樣工作的。 它們應該是唯一的。 如果要多個，則應使用一個類，然后選擇“ .myClass”。

這是我認為應該更正CSS 的小提琴 ，但是您仍然可以看到JS正常工作。