Jquery 框数据div悬停时显示

我试图用项目框制作一个网格，但我不能让它只显示与所述框对应的数据div。所有的.data div都显示在hover上

我错过了什么？这快把我逼疯了。尝试了一些方法，我知道我必须以某种方式选择“this.data”，但它给了我语法错误

提前感谢

$（文档）.ready（函数（）{
$（'.box'）。每个（函数（）{
$（此）。悬停（
函数（）{
console.log（'entro'）；
$（'.box.data'）.css（{“display”：“block”}）；
}, 
函数（）{
console.log（'salgo'）；
$（'.box.data'）.css（{“display”：“none”}）；
}
);
});
});
echo”“；
回显“$row->proyecto.”；
回显“缩略图”。“>”；
echo“”；
我猜您忘记添加jQuery库了。请检查下面的输出。这对您来说足够了吗


$（文档）.ready（函数（）{
$（'.box'）。每个（函数（）{
$（此）。悬停（
函数（）{
console.log（'entro'）；
$（'.box.data'）.css（{“display”：“block”}）；
}, 
函数（）{
console.log（'salgo'）；
$（'.box.data'）.css（{“display”：“none”}）；
}
);
});
})；

回声“；
回显“$row->proyecto.”；
回显“缩略图”。“>”；
回声“我确实有库和更多的代码，我只是没有把所有这些都放在澄清的目的上（这是网站的一小部分）。不幸的是，它仍然同时显示所有的数据框！我的jQuery事件处理有问题。你想喜欢鼠标悬停上的工具提示吗。我希望图像有一个红色的覆盖+一个项目的文本，他们是指向当你在每一个悬停。我会调查的。