jQuery - Get url hash

Question

I have three tabs on a page

When each tab is active, a hash is added to the url:

I am trying to add pagination fore each tab. So I was thinking of doing something like this:

But I don't know how to get the hash value by itself. Using $(location).attr('hash') returns #latest?p=5

if( $(location).attr('hash') ) {
    var tab = $(location).attr('hash');
}else{
    var tab = "#latest";
}

score 5 · Answer 1 · edited May 23 '17 at 12:32

5

It is a JavaScript property

 window.location.hash

Then you need to parse your string. If you use standard query string notation you can parse it with code from Parse query string in JavaScript

edited May 23 '17 at 12:32

Community

answered Apr 03 '15 at 08:43

Piotr Stapp

Can you explain "standard query string notation" ? – Ciprian Apr 03 '15 at 09:19

user3896501 · Accepted Answer · 2015-04-03T11:04:17.843

3

getting hash

var hash = window.location.hash;

getting latest

var active = hash.match(/\#(\w+)/)[1];

getting page number

var num = hash.match(/p=(\d+)/)[1];

edited Apr 03 '15 at 11:04

answered Apr 03 '15 at 08:48

user3896501

score 0 · Answer 3 · answered Aug 11 '16 at 09:04

There are important details overseen on the other answers:

To solve the Firefox problem, you need to read it this way:

var hashValue = decodeURI(window.location.hash);

which is also safe for the other browsers.

If you want to get the value without the initial has symbol #, you simply have to do this:

var hashValue = decodeURI(window.location.hash).substr(1);

3 Answers3