更改 html href 但使用 jquery 保留文本相同答案

【问题标题】：Change html href but leave text same using jquery更改 html href 但使用 jquery 保留文本相同
【发布时间】：2012-05-29 00:53:35
【问题描述】：

有没有办法更改链接的 href 值但保持其文本不变？

<a id="mylink" href="www.link.com">click here</a>

我想简单地更改“www.link.com”并保持文本“单击此处”不变。

【问题讨论】：

标签： jquery html text href title

【解决方案1】：

使用the .attr() function 更改元素的属性：

$('#mylink').attr('href', 'newvalue');

另外，仅供参考（这甚至可能是您更改它的原因），href="www.link.com" 将导致链接断开，除非实际上有一个名为 www.link.com 的文件位于与托管该页面相同的路径中关联。要转到另一个域，URL 需要完全限定以包含协议：href="http://www.link.com"

【讨论】：

我们目前有一个用于替换html内容的php函数，但是函数定义如下：replaceContent($selector, $content)。所以现在我正在这样做：replaceContent('#mylink[href]'), 'link.com')。这似乎也替换了链接的文本，这是不可取的。有什么想法吗？
@user1074861：如果不知道 PHP 函数的代码或它的作用，我真的无法建议您使用该函数。最初的问题是关于使用 jQuery 更改元素属性，这很容易。你在 PHP 中所做的完全是另外一回事。

【解决方案2】：

jQuery's .attr() method 将是执行此操作的最佳方式。它就像一个魅力。这是您将用于您想做的事情的代码：

$('#mylink').attr('href', 'http://www.newlink.com');

另外，请确保您的 href 包含协议。（http://、https://等）

【讨论】：

【解决方案3】：

使用jQuery .attr() 可以轻松实现。

var link = $("#mylink");   //the target anchor
link.attr("href","{your url here}");

【讨论】：