Question

我使用以下代码：

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

我正在创建一个响应的画廊，所以我正在使用div和＃34; portfolio4＆＃34;保留我的所有图像。

当我使用上面的代码并将鼠标悬停在一张图片上时，它会淡出所有的投资组合4＆＃39; s 当我只希望它淡出图像嵌套在其中的实际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');
});

如何使用jquery定位一个类？

2 个答案: