如何使用“ this” jQuery选择器切换辅助类

Question

我只希望将当前的'.image-content'类悬停以切换'hover'类。

我知道'this'jQuery选择器，但不知道在这种情况下如何正确实现

$('.image-content').hover(function() {
  $('.image-content-overlay').toggleClass('hover');
});

我希望此.image-content悬停按钮可在.image-content-overlay上切换类

HTML

<div class="image-wrapper">
  <div class="image-content">
    <div class="image-content-overlay"></div>
        <img class="content-image" src="Events_Racquet.jpg">
        <div class="content-details fadeIn-bottom">
        <div class="content-title">Racquet by Racquet Club</div>
    </div>
  </div>
</div>

Answer 1

如果只想将您悬停在.image-content-overlay内的.image-content进行切换，则可以像这样使用this：

$('.image-content').hover(function() {
  $(this).find('.image-content-overlay').toggleClass('hover');
});