我有多个div项目动态创建，想在特定项目悬停效果，我该如何解决

Question

我有多个div -item (class .card-img)根据DB记录动态创建，我想要悬浮效果。我把下面的脚本，但在悬停，所有的项目使效果，这是逻辑，但我想要的效果只有在div我悬停，而不是在所有。

HTML:

 <div class="image card-img">
    <div class="card-overlay-info"></div>
    <img class="" src="{{asset($item->mainThumbnail())}}" alt="{{$item->title}}">
 </div>

JS:

$( ".card-img" ).mouseover(function() {
      $( ".card-overlay-info" ).fadeIn();
});

Answer 1

感谢adeneo回答我的问题!!

这是解决方案…脚本中的一个简单参数:

$("。