如何使用jquery定位一個類？

Question

我使用下面的代碼：

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

我想提出一個畫廊，響應，所以我用用類「portfolio4」的div來握住我的所有圖像。

當我使用上面的代碼並將鼠標懸停在一張圖片上時，它會淡出所有投資組合4的 ，因爲我只希望它淡出圖片嵌套在其中的實際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'); 
});