Javascript 悬停类时使另一个类处于活动状态

如何使另一个类在悬停另一个类时处于活动状态？ 第一类是侧边栏图标-猫玩具第二类是侧边栏第二类是内容侧边栏6。 在这里，第一节课变得活跃起来，但另一节课却不活跃

<script>
    $(".sidebarIcon__icon-cat_toys").hover( function () {
        $(this).addClass("active");
        $(".sidebarSecond__content sidebar__6").addClass("active");
    }, function (){
        $(this).removeClass("active");
        $(".sidebarSecond__content sidebar__6").removeClass("active");
    });
</script>

如果其他元素的类是sidebarSecond\uuuu content和sidebar6，则需要使用.sidebarSecond\uuuu content.sidebar6。在html中，我们添加class=sidebarSecond\uuuuu content sidebar6，但在jquery/css选择器中，我们就是这样选择这些对象的

例如

如果其他元素的类是sidebarSecond\uuuu content和sidebar6，则需要使用.sidebarSecond\uuuu content.sidebar6。在html中，我们添加class=sidebarSecond\uuuuu content sidebar6，但在jquery/css选择器中，我们就是这样选择这些对象的

例如

---

我认为这只是一个错字：SudiBaBudixIn内容SubBARY.6在中间有一个空格，使它成为一个后面跟着一个元素的类。不应该是这样吗？我认为这只是一个错字：SoubAddiSuxl内容SubBaRux6在中间有一个空间，使它成为一个后面跟着一个元素的类。不是吗。侧边栏第二个内容侧边栏第六个？

我还有一个问题-如何删除另一个默认类的活动类？@user3697406删除所有类？@user3697406$item.removeClass；将从元素项中删除所有类。我还有一个问题-如何删除默认情况下另一个类的活动类？@user3697406删除所有类？@user3697406$item.removeClass；将从元素项中删除所有类。

<div class="foo bar">

<script>
    $(".sidebarIcon__icon-cat_toys").hover( function () {
        $(this).addClass("active");
        $(".sidebarSecond__content.sidebar__6").addClass("active");
    }, function (){
        $(this).removeClass("active");
        $(".sidebarSecond__content.sidebar__6").removeClass("active");
    });
</script>