悬停班级时激活另一个班级答案

【问题标题】：Make another class active while hovering a class悬停班级时激活另一个班级
【发布时间】：2016-06-06 20:52:59
【问题描述】：

如何在悬停另一个班级时激活另一个班级？第一类是“sidebarIcon__icon-cat_toys”第二类是“sidebarSecond__content sidebar__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>

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

如果其他元素的类是sidebarSecond__content 和sidebar__6，则需要使用.sidebarSecond__content.sidebar__6。在 html 中我们添加了class="sidebarSecond__content sidebar__6"，但在 jquery/css 选择器中，这就是我们选择这些对象的方式.sidebarSecond__content.sidebar__6。

例如。

<div class="foo bar">

上面的 div 有两个 CSS 类 foo 和 bar。所以我们将使用选择器$('.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>

【讨论】：

我还有一个问题 - 如何删除默认出现的另一个类的活动类？
@user3697406 删除所有类？
@user3697406 $("#item").removeClass(); 将从元素#item 中删除所有类。

【解决方案2】：

我认为这只是一个错字：.sidebarSecond__content sidebar__6 中间有一个空格，使它成为一个类后跟一个元素。不应该是.sidebarSecond__content_sidebar__6吗？

【讨论】：