Как настроить таргетинг на один класс с помощью jquery?

Question

Я использую следующий код:

$("img").hover(function() { 
    $(".portfolio4").stop().animate({opacity: "0.8"}, 'slow'); 
}, 
function() { 
    $(".portfolio4").stop().animate({opacity: "1"}, 'slow'); 
}); 

творю галерею, которая реагирует, поэтому я использую DIV с классом «portfolio4», чтобы держать все мои изображения.

Когда я использую приведенный выше код и наведите указатель мыши на одно изображение, он погаснет ВСЕ из портфеля , когда я хочу, чтобы он просто уменьшал фактический div, что изображение вложено внутри.

Надеюсь, что это имеет смысл?

Любая помощь будет высоко оценена. Я знаю, что это будет что-то простое, но я не уверен, как его изменить.

Благодаря

Answer 1

Используйте closest, чтобы добраться до ограждающей DIV:

$("img").hover(function() { 
    $(this).closest(".portfolio4").stop().animate({opacity: "0.8"}, 'slow'); 
}, 
function() { 
    $(this).closest(".portfolio4").stop().animate({opacity: "1"}, 'slow'); 
}); 

Answer 2

$("img").hover(function() { 
    $(this).parents(".portfolio4").stop().animate({opacity: "0.8"}, 'slow'); 
}, 
function() { 
    $(this).parents(".portfolio4").stop().animate({opacity: "1"}, 'slow'); 
});