Geek asks and answers

Replace the last slash in a string with a different character

I am trying to replace the last slash in a series of URL strings in order to swap this slash for a number sign, for example:

http://example.com/about/our-company

to

http://example.com/about#our-company

Using JS with jQuery I tried applying the replace function to each row, but am not sure how to target only the last slash.

$('.submenu a').each(function() {
    var url = $(this).attr('href');
    url = url.replace(/\//g, '#');
    console.log(url);
    // replaces all
});
+3
source share
4 answers

Try the following:

var str = "http://one/two/three/four";
console.log(str.replace(/\/(?=[^\/]*$)/, '#'));

This says: "replace the slash followed by either nothing or characters that do not include another slash, to the end."

+5
source

You can try splitting Url based on /:

url = 'http://example.com/about/our-company';
tokens = url.split('/');
expected_url = tokens.slice(0, tokens.length-1).join('/') + '#' + tokens[tokens.length-1];

console.log(expected_url);
# Prints 'http://example.com/about#our-company'
+2
source 
$('.submenu a').each(function() {
    var url = $(this).attr('href');
    var idx = url.lastIndexOf("/");
    url = url.substring(0, idx) + '#' + url.substring(idx+1);
    console.log(url);
});
+1
source

A simple solution:

var str="http://example.com/about/our-company";
var tmp=str.split("").reverse().join("");
tmp=tmp.replace("/","#");
str=tmp.split("").reverse().join("");

//output:

str = http://example.com/about#our-company
+1
source

More articles:


All Articles