I should make it work like this



大家好。
在第一张图片上,您可以看到我的任务。只有悬停的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不太满意,但是我会很感谢您的帮助和信息。至少我会知道谷歌。谢谢

最佳答案

好吧,如果所有元素都位于悬停的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');
});

关于javascript - 如何使用jQuery影响同一类的8个div的单个div?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/49300430/

10-12 00:08
查看更多