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

Question

我应该这样工作

大家好。 在第一张图片上，您可以看到我的任务。 只有悬停的div应该更改内部元素的类，但是我所做的是，当您将任何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');
});