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 http://stackoverflow.com/questions/4758103/last-segment-of-url — Nick R, Jun 18 '13 at 10:40

score 14 · Answer 1 · edited Jun 18 '13 at 10:45

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 '13 at 10:45

Kees Sonnema

5,759
6
51
106

answered Jun 18 '13 at 10:42

karthi

889
12
24

1

You realise the `lastIndexOf('/')` occurs as the last character of the URL/string? – David Thomas Jun 18 '13 at 10:48

score 11 · Answer 2 · answered Jun 18 '13 at 10:41

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 '13 at 10:41

David Thomas

249,100
51
377
410

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];` – atwixtor Feb 09 '17 at 18:21

score 10 · Accepted Answer · answered Jun 18 '13 at 10:40

10

var str="url";

str.split("/")[3]

you can use split

answered Jun 18 '13 at 10:40

PSR

39,804
41
111
151

score 3 · Answer 4 · answered Oct 26 '15 at 08:16

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;
}

score 1 · Answer 5 · answered Jun 18 '13 at 10:55

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 '13 at 10:55

Praveen

55,303
33
133
164

jQuery get last part of URL

5 Answers5