Extract values from href attribute string using JQuery

Question

I would like to extract values from href attribute string using JQuery

$(this).attr("href")

will give me

?sortdir=ASC&sort=Vendor_Name

What i need is these values parsed into an array

myArray['sort']

myArray['sortdir']

Any ideas? Thanks!

BTW , I saw somewhere else on SO the following similar idea to be used with a query string. I could not tweak it for my needs just yet.

var urlParams = {};
    (function () {
        var match,
    pl = /\+/g,  // Regex for replacing addition symbol with a space
    search = /([^&=]+)=?([^&]*)/g,
    decode = function (s) { return decodeURIComponent(s.replace(pl, " ")); },
    query = window.location.search.substring(1);

        while (match = search.exec(query))
            urlParams[decode(match[1])] = decode(match[2]);
    })();

What have you tried?

James Hill
– James Hill

2012-07-27 14:53:03 +00:00
Commented Jul 27, 2012 at 14:53 — James Hill
– James Hill, Commented Jul 27, 2012 at 14:53
See here: stackoverflow.com/questions/8695147/…

Joseph Silber
– Joseph Silber

2012-07-27 15:12:55 +00:00
Commented Jul 27, 2012 at 15:12 — Joseph Silber
– Joseph Silber, Commented Jul 27, 2012 at 15:12

Ram · Accepted Answer · 2012-07-27 15:06:24Z

1

Try the following:

var href = $(this).attr("href")
href = href.replace('?', "").split('&');

var myArr = {};
$.each(href, function(i, v){
   var s = v.split('=');
   myArr[s[0]] = s[1];    
});

DEMO

answered Jul 27, 2012 at 15:06

Ram

145k16 gold badges174 silver badges201 bronze badges

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

2 Comments

Ram Over a year ago

@Pinch have you checked the fiddle? it's an object and it's not empty.

Pinch Over a year ago

Your approach works as well, i am still unable to give you a +1, until my rep goes up.. anyone else please give him a +1!

kiranvj · Accepted Answer · 2012-07-27 15:27:10Z

0

Try this

function getURLParameter(name, string) {
    return decodeURI(
        (RegExp(name + '=' + '(.+?)(&|$)').exec(string)||[,null])[1]
    );
}

var string = $(this).attr("href");

alert(getURLParameter("sort",string));

Demo here http://jsfiddle.net/jbHa6/ You can change the var string value and play around.

EDIT

Removed the second example, since that code is not that good and does not serve the purpose.

edited Jul 27, 2012 at 15:27

answered Jul 27, 2012 at 15:07

kiranvj

34.2k8 gold badges75 silver badges81 bronze badges

1 Comment

Pinch Over a year ago

thanks so much the first approach worked like a dandy. If that is a compliment.

Xavier Lambros · Accepted Answer · 2012-07-27 15:03:59Z

0

Perhaps is there a better solution but to be quick I should have do something like that

var url = $(this).attr("href");
url = url.replace("?sortdir=", "");
url = url.replace("sort=", "");
myArray['sort'] = url.split("&")[1]; // Or use a temporary tab for your split
myArray['sortdir'] = url.split("&")[0];

That solution depends if your url is still like ?sortdir=ASC&sort=Vendor_Name

answered Jul 27, 2012 at 15:03

Xavier Lambros

87612 silver badges20 bronze badges

Comments

Akoben · Accepted Answer · 2012-07-27 15:05:20Z

0

You could use jQuery BBQ's deparam function from here:

http://benalman.com/code/projects/jquery-bbq/examples/deparam/

answered Jul 27, 2012 at 15:05

Akoben

2551 silver badge11 bronze badges

Collectives™ on Stack Overflow

Extract values from href attribute string using JQuery

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Linked

Related