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> мыши.