在href中更改url的一部分

时间:2014-02-13 19:47:39

标签: javascript jquery

我在网页上有很多链接,这些链接是由网络插件创建的:

 <a class="project-load" href="http://www.example.de/blog/portfolio/siteone/"></a>
 <a class="project-load" href="http://www.example.de/blog/portfolio/sitetwo/"></a> 
 <a class="project-load" href="http://www.example.de/blog/portfolio/sitethree/"></a>
 ...
 <a class="project-load" href="http://www.example.de/blog/portfolio/sitfour/"></a>
 <a class="project-load" href="http://www.example.de/blog/portfolio/sitfive/"></a>

现在,我希望href中的网址为:

http://www.example.de/service/siteone/
http://www.example.de/service/sitetwo/
http://www.example.de/service/sitethree/
...
http://www.example.de/sitefour/
http://www.example.de/sitefive

我发现了很多jQuery-Snippets,它们能够改变整个URL。但我只需要更改具有不同异常的部分(sitefour,sitefive)。谢谢你的帮助

2 个答案:

答案 0 :(得分:1)

这样的事情应该有效。 Example

// grab everything with class of project-load, loop over them
$('.project-load').each(function(){
  // grab the href
  var href = $(this).attr('href');
  // change the href to something else
  var newhref = href.replace(/blog\/portfolio\//, '');
  // update href
  $(this).attr('href', newhref);
});

答案 1 :(得分:0)

听起来像一个简单的替换会起作用:

$('a').each(function(){
  $(this).attr('href', function(index,val){
    return val.replace('portfolio/','');
  });
});