Jquery 悬停子项，否定父项悬停效果

Question

我目前有很多代码，所以手动执行此操作不可行，但是当任何元素悬停在上面时，我需要它来缩放大小。显然，使用 css 并不难，但是当子元素悬停时我遇到了一些问题，而父元素悬停状态仍然存在。所以如果 child 被悬停， parent 和 child 都会被放大。使用 jquery 对于特定的子元素和父元素来说并不难，但是不可能为每个父元素和子元素编写代码。

我要问的是，有没有一种方法可以使用 jquery 使它在悬停的任何元素上都添加 css，而且当悬停子项时也会删除父悬停效果。因此，如果 child 被悬停，父悬停效果将被移除。 Adblock 就是这样做的。动图解释了我的意思 - https://gyazo.com/c9348ba943cace723e569e4ace69dd62

Answer 1

这段代码创造了奇迹

$("div").hover(
function (e) {
    e.stopPropagation();
    $(this).addClass('active').parents().removeClass('active');
},
function (e) {
    $(this).removeClass('active').parent().addClass('active');
}
);

归功于 https://stackoverflow.com/a/32492163/6677578