Jquery 如何在鼠标悬停在选项卡上时找到类

Jquery 如何在鼠标悬停在选项卡上时找到类,jquery,Jquery,我想突出显示单击的li选项卡 当我在标签上悬停时,它被高亮显示,你能告诉我当点击li标签时如何添加该类吗 我已尝试添加活动类 我的一些代码 $(document).ready(function() { fetchTopLosersData('#1d'); $("ul.menu li").click(function() { $("ul.menu li").removeClass("active"); $(this).addClass("active");

我想突出显示单击的li选项卡

当我在标签上悬停时,它被高亮显示,你能告诉我当点击li标签时如何添加该类吗

我已尝试添加活动类

我的一些代码

$(document).ready(function() {
 fetchTopLosersData('#1d');
    $("ul.menu li").click(function() {

    $("ul.menu li").removeClass("active");
$(this).addClass("active");


        var tabclicked = $(this).find("a").attr("href");
        $('.tab-container-1').find('.tab-content-1').hide().html('');
        $(tabclicked).show();
        fetchTopLosersData(tabclicked);
    });
});

只需添加css li.active a

.menu li a:hover,
.menu li.active a {
  background: #528CBF;
}

.menu li a:hover {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

您的
js
正常。只需使用以下
css

.menu li.active a{
    background: #528cbf;
    transition: all 0.3s ease 0s;  
}

您的js是正确的,但需要添加css。菜单li a:悬停,.menu li.active a{fiddle更新: