如何使用jquery将一个类作为目标?

如何使用jquery将一个类作为目标?,jquery,Jquery,我正在使用以下代码: $("img").hover(function() { $(".portfolio4").stop().animate({opacity: "0.8"}, 'slow'); }, function() { $(".portfolio4").stop().animate({opacity: "1"}, 'slow'); }); 我正在制作一个反应灵敏的图库,所以我使用“portfolio4”类的div来保存我所有的图像 当我使用上面的代码并将鼠标悬停在一个图像上时

我正在使用以下代码:

 $("img").hover(function() {
  $(".portfolio4").stop().animate({opacity: "0.8"}, 'slow');
},
function() {
  $(".portfolio4").stop().animate({opacity: "1"}, 'slow');
});
我正在制作一个反应灵敏的图库,所以我使用“portfolio4”类的div来保存我所有的图像

当我使用上面的代码并将鼠标悬停在一个图像上时,它会淡出所有的portfolio4 当我只希望它淡出图像嵌套的实际div时

希望这有意义

任何帮助都将不胜感激。我知道这会很简单,但我不知道如何改变它

谢谢

使用以访问所附div:

$("img").hover(function() {
  $(this).closest(".portfolio4").stop().animate({opacity: "0.8"}, 'slow');
},
function() {
  $(this).closest(".portfolio4").stop().animate({opacity: "1"}, 'slow');
});
用于访问封闭的div:

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

如果html结构改变了位,则“最近”更好。如果悬停的img有两个祖先和
.portfolio4
类,则我唯一能看到它被破坏的情况。我糊涂了吗?@ZachL父母有什么好处?最近的只做需要做的事情。@ZachL-是的,你很困惑,
closest()
查找最接近的匹配父项,而
parents()
查找所有匹配的父项,一直到
啊,谢谢。我不知道为什么在读了文档之后,我会在上面设置一个块。如果html结构发生了一点变化,那么“最近”会更好。我唯一能看到的情况是,如果悬停的img有两个祖先,它们是
.portfolio4
类。我糊涂了吗?@ZachL父母有什么好处?最近的只做需要做的事情。@ZachL-是的,你很困惑,
closest()
查找最接近的匹配父项,而
parents()
查找所有匹配的父项,一直到
啊,谢谢。我不知道为什么我在这方面有障碍,即使在阅读了文档之后。