Javascript 尽管上同一堂课，还是要继续工作

我正在尝试让我的

div

元素更改图片。我遇到的问题是，我选择的所有

div

都在更改。我已经尝试了.each（）函数，但未能使其正常工作

$（'.product\u category\u item div'）。悬停（函数（）{
$（'.main_image'）。每个（函数（）{
$（this.css（“显示”、“无”）；
});
$（'.hover_image'）。每个（函数（）{
$（this.css（“显示”、“块”）；
});
}，函数（）{
$（'.main_image'）。每个（函数（）{
$（this.css（“显示”、“块”）；
});
$（'.hover_image'）。每个（函数（）{
$（this.css（“显示”、“无”）；
});
});


海豹


铰链


处理

尝试将您的代码更改为以下内容

$('.product_category_item div').hover(function(){
   $(this).find('.main_image').hide(); 
   $(this).find('.hover_image').show();
}, function(){
   $(this).find('.main_image').show(); 
   $(this).find('.hover_image').hide();
});

为什么不使用ID的可能副本？非常感谢。就这样。我没有想过使用
find（）
functionWelcome。是的，如果不使用
这个
它将获得整个DOM中与选择器匹配的所有元素。此外，您还可以在默认情况下隐藏悬停图像。
。悬停图像{display:none}