добавить активный класс в меню с помощью JQuery лития

Question

В настоящее время я использую такого код

<script> 
jQuery(document).ready(function($) { 
    $("#menu li").click(function(){ 
     if ($("#menu li").hasClass('active')) { 
     $("#menu li").removeClass('active'); 
     } 
    $(this).addClass('active'); 
}); 
}); 
</script> 

его рабочими только для вкладок навигации.

Но мой сайт использует разные страницы. Я имею в виду, что каждый href указывает на разные страницы.

Может ли кто-нибудь сказать мне, как добавить активный класс в li либо с помощью jquery, либо css.?

Благодаря

Answer 1

Вы можете добавить активный класс на страницу и запустить его таким же образом. Когда страница загружается (document.ready()), скажите ей, чтобы этот активный класс присоединялся к элементу списка меню текущей страницы.

$(/*Your current page menu item*/).addClass('active'); 

Answer 2

Попробуйте следовать.

$('li').each(function(){ 
    if(window.location.href.indexOf($(this).find('a:first').attr('href'))>-1) 
    { 
    $(this).addClass('active').siblings().removeClass('active'); 
    } 
});