javascript - 如何使用 jQuery 影响同一类的 8 个 div 中的单个 div？

Question

I should make it work like this

大家好。 在第一张图片上你可以看到我的任务。只有悬停的 div 应该更改内部元素的类，但我所做的是，当你悬停任何一个 div 时，它们都会进行这些更改

$('.industry__item').hover(function () {
    $('.industry__overlay').fadeToggle('active');
    $('.industry__item-text').toggleClass('active');
    $('.industry__item-text p').toggleClass('active');
});

当人们将鼠标悬停在某个 div 上时，我需要一个 div 来更改，但我想以正确的方式进行(我知道我可以为每个 div 添加一个特殊的类，但这有点错误而且不专业)。我对纯 JS 不是很擅长，但我将不胜感激任何帮助和信息。至少我会知道用谷歌搜索什么。谢谢

Answer 1

好吧，如果所有元素都在悬停的 div 中，请尝试使用 $(this) 来更改悬停的 div 的元素，例如

$('.industry__item').hover(function() {
  $(this).find('.industry__overlay').fadeToggle('active');
  $(this).find('.industry__item-text').toggleClass('active');
  $(this).find('.industry__item-text p').toggleClass('active');
});