Jquery 如何只显示或隐藏一个相同的类mouseovered元素，而不是全部？

我似乎不知道如何在每个

鼠标上方显示或隐藏一个元素，不是所有元素。我正在使用jQuery。我试着使用
这个
，但是多个类不是一个选项。一些提示

$（文档）.ready（函数（）{
函数textExample（）{
$（'.solutions visible'）.mouseenter（函数（）{
$（'.btn解决方案不可见，.solutions不可见段落'）。显示（500）；
$（'.solutions visible'）.css（“框阴影”，“0px 5px 38.8px 1.2px rgba（0,0,0,0.1）”）；
});
$（'.solutions visible'）.mouseleave（函数（）{
$（'.btn解决方案不可见，.solutions不可见段落'）。隐藏（500）；
$（'.solutions visible'）.css（“框阴影”，“无”）；
});
}
text出现（）；
});
我已经按照@Rory McCrossan的建议简化了代码。我将解决方案包装在一个div中，然后使用
$（this）
和
.find（）
仅选择由悬停元素包装的元素。这应该给你足够的时间来调整你的规格


$（文档）.ready（函数（）{
$（'.solutions visible'）.hover（函数（）{
var元素=$（this.find（'.solutions'）；
元素。切换类（“活动”）；
});
});
。解决方案{
不透明度：0；
过渡：0.5s不透明度缓进；
}
.solutions.active{
不透明度：1；
}

显示解决方案1

我是一个段落
我是一颗纽扣
显示解决方案2

我是一个段落
我是一颗纽扣
显示解决方案3

我是一个段落
我是一颗纽扣
显示解决方案4

我是一个段落
我是一颗纽扣
我尝试过使用它，但是多个类不是一个选项
我不知道你为什么会这样想，因为这正是你需要的解决方案：
$（'.solutions visible'）.css（…
-->
$（this）.css（…
。还请注意，您可以通过使用来缩短此代码，也可以通过使用来缩短。后者是更好的做法，因为它将CSS移出JS代码。谢谢您，我缩短了它。但是CSS函数是我最不关心的。我的主要问题是同名的div类（.btn solutions invisible，.solutions invisible段落）。我需要一个一个地显示它们，而不是一次显示所有。是的，我的评论是针对你的！我只需要将find（）函数与此结合起来。你让我走上了正确的轨道，我完成了我的代码。