javascript - 同じIDの複数の要素でホバー関数が機能しない場合

Question

私の考えでは、画像にカーソルを合わせると、前面に黒の0.9不透明度divが表示され、いくつかの情報が表示されます。それは確かに機能していますが、最初の要素でのみ機能し、その後はまったく機能しません。id使用しているシステムがforeachステートメントを作成し、異なる内容で構文を繰り返すため、同じクラスを使用しています。うまくいかないようです、助けてください！

これがフィドルのコードです。 http://jsfiddle.net/9dzU6/

前もって感謝します！良い１日を！:)

Answer 1

これがIDの仕組みです。それらは一意である必要があります。複数必要な場合は、クラスを使用して「.myClass」を選択する必要があります。

これが修正されたフィドルです 。CSSを修正する必要があると思いますが、JSが正しく機能していることを確認できます。

Answer 2

IDは一意である必要があります。複数のアイテムに割り当てる場合は、代わりにクラスとして使用してください。つまり、試してみることができます。

$('.distinguished')$('#distinguished')クラスを割り当てた後ではなく。