jQuery get last part of URL

Question

I have a series of pages where I need to get a specific code for a button. I want to put the code which is in the url into a variable with jQuery.

An example URL is www.example.com/folder/code/12345/

I want to get the number part in a variable called (siteCode)

Thanks in advance for any answers.

jquery / Pseudo code:

var siteCode;

// start function
function imageCode(){
     siteCode // equals number part of URL
     $('.button').attr('src', 'http:www.example.com/images/'+siteCode+'.jpg');
}

Possible dupe of stackoverflow.com/questions/4758103/last-segment-of-url — Nick R
– Nick R, Commented Jun 18, 2013 at 10:40

Kees Sonnema · Accepted Answer · 2013-06-18 10:45:27Z

14

You can use the following code to get the last part of the url.:

var value = url.substring(url.lastIndexOf('/') + 1);

edited Jun 18, 2013 at 10:45

Kees Sonnema

5,7926 gold badges54 silver badges108 bronze badges

answered Jun 18, 2013 at 10:42

karthi

88713 silver badges24 bronze badges

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

1 Comment

David Thomas Over a year ago

You realise the lastIndexOf('/') occurs as the last character of the URL/string?

David Thomas · Accepted Answer · 2013-06-18 10:41:39Z

11

I'd suggest:

var URI = 'www.example.com/folder/code/12345/',
    parts = URI.split('/'),
    lastPart = parts.pop() == '' ? parts[parts.length - 1] : parts.pop();

JS Fiddle demo.

answered Jun 18, 2013 at 10:41

David Thomas

254k53 gold badges382 silver badges421 bronze badges

1 Comment

atwixtor Over a year ago

Using .pop() confuses things as it's destructive and changes the parts[] array. If your URI does not have a trailing slash, this fails to return '12345' and instead returns 'code'. Using this version is more straight-forward: lastPart = parts[parts.length-1] !== '' ? parts[parts.length-1] : parts[parts.length-2];

PSR · Accepted Answer · 2013-06-18 10:40:50Z

10

var str="url";

str.split("/")[3]

you can use split

answered Jun 18, 2013 at 10:40

PSR

40.4k43 gold badges115 silver badges154 bronze badges

Comments

Husen · Accepted Answer · 2015-10-26 08:16:21Z

There is one best way to take last part of URL is like following which generally has been used in real implementation.

There are Some loopholes in previously given answer was:

1.Consider what if there is a url like www.example.com/folder/code/12345 (Without '/' forward slash) Than none of the above code will work as per expectation.

2.Consider if folder hierarchy increases like www.example.com/folder/sub-folder/sub-sub-folder/code/12345

$(function () {
     siteCode = getLastPartOfUrl('www.example.com/folder/code/12345/');
});

var getLastPartOfUrl =function($url) {
    var url = $url;
    var urlsplit = url.split("/");
    var lastpart = urlsplit[urlsplit.length-1];
    if(lastpart==='')
    {
        lastpart = urlsplit[urlsplit.length-2];
    }
    return lastpart;
}

Praveen · Accepted Answer · 2013-06-18 10:55:33Z

1

Also try using regex

var url = "www.example.com/folder/code/12345";
  var checkExt = /\d$/i.test(url);
  if (checkExt) {
      alert("Yup its a numeric");
  } else {
      alert("Nope");
  }

answered Jun 18, 2013 at 10:55

Praveen

56.7k35 gold badges137 silver badges169 bronze badges

Collectives™ on Stack Overflow

jQuery get last part of URL

5 Answers 5

1 Comment

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related