懸停一個班級時使另一個班級活躍

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嗎？