jQuery / Javascript replace <space> in anchor link with %20

Question

I'm new to jQuery and i'm trying to write some code to go through the page and rewrite anchor links href attribute so that spaces are removed and replaced with %20.

so far i have:

$(".row a").each(function(){
  $(this).attr("href").replace(/\s/g,"%20");
});

I've tried a few variations of this with no luck.

Answer 1

Your approach is correct, but you're forgetting to set the new value once you replace it. Try this:

$(".row a").each( function() {
   this.href = this.href.replace(/\s/g,"%20");
});

Answer 2

You have to set the attribute value ( attr(key, value) ), in your code you are only reading its value:

$(".row a").each(function(){
  $(this).attr('href', $(this).attr("href").replace(/\s/g,"%20"));
});

Answer 3

You'd be better off using the native javascript encodeURI function.

$(".row a").each(function(){
  $(this).attr( 'href', encodeURI( $(this).attr("href") ) );
});

Answer 4

Hi ,

is there any way to replace the %20 with a space.. exactly in the oppsiteway?

Thanks in advance

Naresh

Answer 5

You can replace ""...

$(document).ready(function() { $("#content a").each(function(){ $(this).attr('href', $(this).attr("href").replace("%20","")); }); });

Answer 6

@Naresh Yes there is a way for that, see the below example:

Decode a URI after encoding it:

---

<script type="text/javascript">

var uri="my test.asp?name=ståle&car=saab";
document.write(encodeURI(uri)+ "<br />");
document.write(decodeURI(uri));

</script>  

---

The output of the code above will be:

---

my%20test.asp?name=st%C3%A5le&car=saab
my test.asp?name=ståle&car=saab

---

for more details visit here