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

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

2 个答案: