Как присвоить меню класс active на php или js?

Question

[kauzlein]

Есть файл index.php, который является единой точкой входа. В нем прописана такая функция:

function Navigation() {
echo '<div class="navbar-component">
      <div class="navbar area">
        <nav role="navigation" id="navigation" class="list">
          <a href="/" class="item -link -active">Главная</a>
          <a href="/services" class="item -link">Услуги</a>
          <a href="/about" class="item -link">О компании</a>
          <a href="/contacts" class="item -link">Контакты</a>
        </nav>
      </div>
    </div>';
}

Затем функция вызывается на отдельных php-страничках. Каким образом можно устроить так, чтобы класс -active присваивался нужной ссылке в зависимости от url страницы?

Answer 1

[dev400]

Держи на js

$(function(){
	$('ul.nav li a').each(function(){
		if(document.location.pathname == $(this).attr('href')){
			$(this).parent().addClass('active');
		}
	});
});

Comments

[bulkmaker]

как изменить эту функцию, чтобы она еще и ссылку тоже заменяла? например на # ?