如何使用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');
});