Как выделить в меню пункт активной странцы?

Question

[NibiruanChild]

Есть динамическая менюшка, примерно такая:

<li class="active"> 	
	<a href="?page=dashboard">
		<p>Dashboard</p>
	</a>
</li>
<li>
	<a href="?page=user">
		<p>User Profile</p>
	</a>
</li>
<li>
	<a href="?page=table">
		<p>Table List</p>
	</a>
</li>

мне нужно, чтобы class="active" был у того пункта меню, который активен, то есть если $_GET['page']='table', то
должно получиться так:

<li> 	
	<a href="?page=dashboard">
		<p>Dashboard</p>
	</a>
</li>
<li>
	<a href="?page=user">
		<p>User Profile</p>
	</a>
</li>
<li class="active">
	<a href="?page=table">
		<p>Table List</p>
	</a>
</li>

Как организовать это красиво?

Answer 1

[Александр Таратин]

c jquery

$('a[href="'+location.search+'"]').parent().addClass('active')

на ванильном js

document.querySelector('a[href="'+location.search+'"]').parentElement.className = 'active';

Comments

[Stalker_RED]

Одно дополнение:
parentElement.className = 'active'; - так вы удалите остальные классы, если они там были.
Лучше parentElement.classList.add('active')

[NibiruanChild]

Спасибо огромное

[Александр Таратин]

Stalker_RED: classList ie10+ только
Поэтому я пока против его использования.

Answer 2

[Антон]

И на ванильном php в цикле

$current = $_SERVER['REQUEST_URI'];
foreach ($menu as $item) {
  if($item['link'] == $current) {
   echo '<a href="" class="active">name</a>';
  }
  else {
     echo '<a href="">name</a>';
   }
}