Селектор событий JQuery

Question

Скажем, у меня есть 10 маленьких изображений, которые я хочу использовать в качестве всплывающих подсказок. Я даю им всем один класс, '.helper'

Я выбираю помощника, затем вызываю

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

Затем я хочу всплывающий элемент div, содержащий некоторый текст. Это прекрасно работает, если на странице есть только одна всплывающая подсказка, но как только появляется несколько всплывающих подсказок, при наведении на них курсора они появляются одновременно.

У меня что-то в корне не так?

Комментарии приветствуются.

Thx

Answer 1

Используйте this в качестве селектора внутри вместо селектора .helper:

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

Answer 2

Если вам интересно, в чем проблема, это было то, что когда вы позвонили

 $(".helper")

внутри вашей функции вы получали все элементы с помощью помощника по классам, а не только один элемент, который вы хотели.