jquery/javascript - parsing url to see if you're on a certain page

Question

So say you have some navigation, and you don't/can't use server side code to choose which link is "current". How can you use the first part of the url (as in after the first slash but before any next slash) i.e. (example.com/dashboard/view/16) would return dashboard. Of course there's not always a second slash, it could be (example.com/dashboard). Also before a hash mark i.e. (example.com/dashboard#users) would return dashboard.

Is the best choice to just use location.href and try to write some functions to parse it? Or is there something already made/simpler?

user113716 · Accepted Answer · 2010-10-14 00:38:19Z

1

You should be able to do something like this:

var page = window.location.pathname.split('/')[1];

alert(page);

answered Oct 14, 2010 at 0:38

user113716

323k64 gold badges454 silver badges441 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

some · Accepted Answer · 2010-10-14 00:38:47Z

1

Could the pathname property of the location be of interest?

From w3schools

hash   Returns the anchor portion of a URL
host  Returns the hostname and port of a URL
hostname  Returns the hostname of a URL
href  Returns the entire URL
pathname  Returns the path name of a URL
port  Returns the port number the server uses for a URL
protocol  Returns the protocol of a URL
search  Returns the query portion of a URL

answered Oct 14, 2010 at 0:38

some

49.8k14 gold badges83 silver badges96 bronze badges

Comments

PleaseStand · Accepted Answer · 2010-10-14 00:37:47Z

0

It's easy enough to parse it yourself.

window.location.pathname.slice(1).split('/')[0]

is what you are looking for.

answered Oct 14, 2010 at 0:37

PleaseStand

32.2k7 gold badges72 silver badges96 bronze badges

Comments

Cristian Sanchez · Accepted Answer · 2010-10-14 00:54:07Z

0

$("a[pathname="+location.pathname+"]")

That jQuery collection will contain all of the links that link to the current page. You could narrow it down to certain elements with a more specific selector and then apply a style to it.

For example:

$("#navigation a[pathname="+location.pathname+"]").css('color', 'red');

answered Oct 14, 2010 at 0:54

Cristian Sanchez

32.4k11 gold badges59 silver badges63 bronze badges

Collectives™ on Stack Overflow

jquery/javascript - parsing url to see if you're on a certain page

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related