悬停一个班级时使另一个班级活跃

Question

悬停另一个班级时如何使另一个班级活跃？ 第一类是“ 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>

Answer 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>

Answer 2

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