Javascript Jquery url split

Attraverso javascript (e quindi anche attraverso l'utilizzo della libreria Jquery) possiamo splittare un url e ricavarne le diverse parti.

Vediamo subito un esempio pratico:

var url = "www.domain.tld/dove/index.php"

url = url.split("/");

a questo punto avremo un array

(url[0]) che contiene la sottostringa www.domain.tld

(url[1]) che contiene la sottostringa dove

(url[2]) che contiene la sottostringa index.php

Utilizzando Jquery possiamo automatizzare ulteriormente ricavando automaticamente l'url

location.pathname.split("/")[1]

Un'applicazione pratica? Ad esempio l'applicazione di una classe active automatica in un menu di navigazione:

<nav>
	<ul>
		<li><a href="/">Home</a></li>
		<li><a href="/about/">About Us</a></li>
		<li><a href="/where/">Where we are</a></li>
		<li><a href="/contact/">Contact Us</a></li>
	</ul>
</nav>

e la chiamata Jquery sarà

$(function() {
  $('nav a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active');
});