Javascript remove a piece of a url

Question

<div class="breadcrumbs">
    <a href="http://domain.com/dev/topics/pagename" class="category">Test</a>
</div>

I have the above domain and which is I would like to remove the topics/ part, I have tried the below piece of javascript but it always returns the url from the above example.

var breadcrumbURL = jQuery('.breadcrumbs .category').attr('href');
breadcrumbURL.replace("topics/", "");
console.log(breadcrumbURL);
jQuery('.breadcrumbs .category').attr('href',breadcrumbURL);

score 3 · Accepted Answer · answered Jun 02 '14 at 14:20

3

This doesn't change breadcrumbURL:

breadcrumbURL.replace("topics/", "");

it returns the string with the replaced text. To update the original, say:

breadcrumbURL = breadcrumbURL.replace("topics/", "");

answered Jun 02 '14 at 14:20

Paul Roub

35,848
27
79
88

score 1 · Answer 2 · answered Jun 02 '14 at 14:20

1

You're not assigning the result of the replace to anything.

Change...

breadcrumbURL.replace("topics/", "");

To...

breadcrumbURL = breadcrumbURL.replace("topics/", "");

answered Jun 02 '14 at 14:20

freefaller

18,589
7
54
82

score 0 · Answer 3 · answered Jun 02 '14 at 14:20

0

replace your line 2 by :

breadcrumbURL = breadcrumbURL.replace("topics/", "");

http://www.w3schools.com/jsref/jsref_replace.asp

answered Jun 02 '14 at 14:20

BastienSander

1,605
4
22
41

Please don't reference w3schools. http://www.w3fools.com/ – Popnoodles Jun 02 '14 at 14:21
I shiver ever time I see a reference to [w3fools.com](http://www.w3fools.com/) (See linked website for reasons) – freefaller Jun 02 '14 at 14:21
Sorry if here it is not appreciated, but for JS i always found the necessary doc. – BastienSander Jun 02 '14 at 14:26
@BastienSander, read the website, and you'll see why the site is disliked on StackOverflow – freefaller Jun 02 '14 at 14:35

Javascript remove a piece of a url

3 Answers3