jQuery 替换 href 中的特定文本

Question

如何更改下面链接的值中的文本“us-test”，而不必替换整个链接，我当前使用的方法替换了整个链接，我猜这与以下功能有关.attr，我猜我可以通过使用 .find 或其他东西来实现这一目标，我真的不知道如何做到这一点，有人可以帮助我，谢谢。

$(document).ready(function(){ 
 $("#box1").click(function(){
 $("a.mylink").attr("href", "http://google.com");
   });  

 $("#box2").click(function(){
  $("a.mylinktwo").attr("href", "http://yahoo.com"); 
 });   


<a class="mylink" href="http://google.com/en/get.php?chrome=us-test">Test</a>

Answer 1

这取决于您想要实现的目标。我不建议让事情变得太复杂，如果您可以事先知道要转到哪个 URL，那么替换整个 URL 可能是最好的，并且最容易看到发生了什么。

要替换字符串的一部分，replace() 方法会有所帮助。

var url = $('.mylink').attr('href')
url = url.replace('us-test', 'replaced-text')
$('.mylink').attr('href', url)

您还可以传递正则表达式作为匹配参数。