Question

这是我的javascript代码：

    <script type="text/javascript">
    var showcont = [];
    var showcont_containers = [];

    $('#tabs ul li a').each(function () {  

    // note that this only compares the pathname, not the entire url

    // which actually may be required for a more terse solution.   

     if (this.pathname == window.location.pathname) {
            showcont.push(this);
            showcont_containers.push($(this.hash).get(0));
        };

    });

    $(showcont).click(function(e){  
     $(showcont_containers).hide().filter(this.hash).fadeIn();   
       e.preventDefault();
    });
    </script>

如何将活动课程添加到#tabs ul li a？请帮帮我

Answer 1

如果您只想添加或删除课程，可以使用$(this).addClass('active')或$(this).removeClass('active')。假设if语句在代码中按预期工作，则以下代码应该有效。

if (this.pathname == window.location.pathname) {
   showcont.push(this);
   showcont_containers.push($(this.hash).get(0));
   this.addClass('active');
};

使用以下代码，您可以将“active”类添加到您单击的<a>元素中，并将其从兄弟姐妹中删除。

$('#tabs ul li a').on('click', function()
{
   $(this).addClass('active').siblings().removeClass('active');
});

如果您在每次<a>元素点击后刷新页面，则无法使用此功能。

javascript表格函数如何将活动类添加到活动按钮

1 个答案: