jquery - 如何用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

使用最接近封闭的 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');
});