JQuery How to extract value from href tag?

Question

Hi,

I am new to JQuery.

If I have the following tag. What is the best JQuery method to extract the value for "page" from the href.

<a href="Search/Advanced?page=2">2</a>

Malcolm

Answer 1

Hi!

First of all you need to extract the path with something like this:

$("a#myLink").attr("href");

Then take a look at this plugin: http://plugins.jquery.com/project/query-object

It will help you handle all kinds of querystring things you want to do.

/Peter F

Answer 2

Use this jQuery extension by James Padoley

http://james.padolsey.com/javascript/regex-selector-for-jquery/

Answer 3

I see two options here

var link = $('a').attr('href');
var equalPosition = link.indexOf('='); //Get the position of '='
var number = link.substring(equalPosition + 1); //Split the string and get the number.

I dont know if you're gonna use it for paging and have the text in the <a>-tag as you have it, but if you should you can also do

var number = $('a').text();

Answer 4

Here's a method that works by transforming the querystring into JSON...

var link = $('a').attr('href');

if (link.indexOf("?") != -1) {
    var query = link.split("?")[1];

    eval("query = {" + query.replace(/&/ig, "\",").replace(/=/ig, ":\"") + "\"};");

    if (query.page)
     alert(unescape(query.page));
    else
     alert('No page parameter');

} else {
    alert('No querystring');
}

I'd go with a library like the others suggest though... =)

Answer 5

The first thing that comes to mind for me is a one-liner regex.

var pageNum = $("a#specificLink").attr("href").match(/page=([0-9]+)/)[1];