Replace Any Number in a URL using Jquery

Question

I'm trying to fix all the links on a blog but instead of editing each post manually I decided to write a simple script to do it automatically. How can I use jquery to replace an unknown number in a link? In this case I'm trying to remove it to fix the formatting.

Here's the HTML

<a href="http://www.example.com/2016/10/%20http://www.newlink.com">LINK</a>

Script

$("a").each( function() {
   this.href = this.href.replace("http://www.example.com/XXXX/XX/%20","");
});

Final output should be

<a href="http://www.newlink.com/anypost.html">LINK</a>

You want to replace only numbers in a link ? or anything other than "newlink.com" ? — Supradeep
– Supradeep, Commented Oct 24, 2016 at 15:46
Sorry I wasn't specific. Basically I want to remove example.com/2016/10/%20 from the url. The new link is not fixed. — Vianne
– Vianne, Commented Oct 24, 2016 at 15:49
Why not just do this.href = this.href.substring(this.href.indexOf('http://www.newlink.com'));. Then you don't need to worry about numbers at all. — Heretic Monkey
– Heretic Monkey, Commented Oct 24, 2016 at 15:50

Ori Drori · Accepted Answer · 2016-10-24 15:51:03Z

4

You can do it using RegExp. Basically it's - replace everything before the first %20 including the %20.

$("a").each( function() {
   this.href = this.href.replace(/^.+%20?/, '');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="http://www.example.com/2016/10/%20http://www.newlink.com">LINK</a>

answered Oct 24, 2016 at 15:51

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

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

1 Comment

Vianne Over a year ago

This is exactly what I need. Thank you!

Collectives™ on Stack Overflow

Replace Any Number in a URL using Jquery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related