仅在正在悬停的div上切换类

Question

我想知道是否有办法只将一个类切换到当前正在徘徊的div。

我目前的代码：

<script language="javascript" type="text/javascript">

$(document).ready(function () {

   $(".recipe-content").hover(function(){

     $(".recipe").toggleClass("hover");

   });

});

</script>

代码有效，但问题是切换正在我拥有的同名div上执行。

我怎么能阻止这个？

Answer 1

是的，$(this)是元素发生在的具体元素：

$(document).ready(function () {

   $(".recipe-content").hover(function(){

     $(this).toggleClass("hover");

   });

});