How to replace the attr href element with each? // strip url

Question

im trying to change href with each method,

here is a demo, check, you will see that there are no changes

HTML:

<a href="#/news">News</a> <a href="#/news/detail">Detail</a> <a href="#/sport">Sport</a> <a href="#/sport/football">Football</a>​​​​​​​​​​​​ 

JQuery

 $('a').each(function() { $(this).attr('href').replace('#/',''); //tried to erase #/ from all hrefs });​ 

Answer 1

The code you enter will receive the value as a string , and then correctly replace values, but immediately cancel the result. You need to pass the replaced value to attr . Try the following

 $('a').each(function() { var value = $(this).attr('href'); $(this).attr('href', value.replace('#/','')); });​ 

Answer 2

 var href = $(this).attr('href'); $(this).attr('href', href.replace('#/','')); 

Answer 3

You can also check the href value and make a condition

 <script type="text/javascript"> $('a').each(function() { var value = $(this).attr('href'); if(value=='http://google.com') { $(this).attr('href', 'http://youtube.com'); } });​ </script>