仅在悬停的 div 上切换 class

Question

我想知道是否有办法仅在当前悬停的 div 上切换 class。

我当前的代码：

<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");

   });

});

仅在悬停的 div 上切换 class

Toggle class only on the div that is being hovered

jquery

toggle

toggleclass