Question

I have pagination links set-up like this:

http://localhost/?page=2
http://localhost/?page=3

They are wrapped in Anchor links as the HREF attribute. I want to know how can I check first if the HREF attribute for a given ANCHOR contains the query string “page” case sensitive, and if it exists return its number the value after page=

Please give me a straightforward example on this, much appreciated. 🙂

Answer 1

You could try something like this:

function getPageNumber( $obj ){
  if( $obj.filter('a[href*=page\=]').length )
    return $obj.attr('href').split('page=')[1];  
  else
    return false;
}

Then with:

<a id="foo" href="http://localhost/?page=3">Foo</a>
<a id="bar" href="http://localhost/?page=4">Bar</a>
<a id="baz" href="http://localhost/?Page=5">Baz</a> <!--- capital P --->

You’d get:

var result = getPageNumber( $('a#foo') ); // returns 3
var result = getPageNumber( $('a#bar') ); // returns 4
var result = getPageNumber( $('a#baz') ); // returns false (case sensitive)

Of course it would be easy to write the function to take a plain DOM object, or an ID, or whatever else you have in mind.