javascript - JQuery イベント セレクター

Question

ツールチップとして使用したい小さな画像が 10 個あるとします。私はそれらをすべて同じクラス「.helper」に割り当てています

ヘルパーを選択してから呼び出す

mouseenter(function() { $(".helper").stop(false,true).fadeIn(); })

次に、いくつかのテキストを含む div をポップアップさせます。これは、ページにツールチップが 1 つしかない場合は正常に機能しますが、複数あるとすぐに、1 つにカーソルを合わせると、すべてが同時に表示されます。

根本的に何か間違っていますか？

コメントをお待ちしております。

どうも

Answer 1

thisセレクターの代わりに、内部のセレクターとして使用し.helperます。

$('.helper').mouseenter(function() {
    // "this" now refers to the image that is being hovered...
    $(this).stop(false, true).fadeIn();
});