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

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');
};

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

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

<a>但是，如果您在每次元素单击后都刷新页面，这将不起作用。