jquery - jqueryで1つのクラスをターゲットにする方法は?

Question

以下のコードを使用しています。

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

レスポンシブなギャラリーを作成しているので、クラス「portfolio4」の div を使用してすべての画像を保持しています。

上記のコードを使用して 1 つの画像にカーソルを合わせると、画像がネストされている実際の div だけをフェードアウトさせたいときに、すべてのポートフォリオ 4 がフェードアウトします。

それが理にかなっていることを願っていますか？

どんな助けでも大歓迎です。簡単なものになることはわかっていますが、変更方法がわかりません。

ありがとう

Answer 1

囲んでいる div に到達するには、closestを使用します。

$("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');
});