小编典典

如何使用 jQuery 更改超链接的 href 属性

all

如何href使用 jQuery 更改超链接的属性(链接目标)?


阅读 311

收藏
2022-02-25

共1个答案

小编典典

使用

$("a").attr("href", "http://www.google.com/")

将修改所有超链接的 href 以指向 Google。不过,您可能想要一个更精致的选择器。例如,如果您混合了链接源(超链接)和链接目标(又名“锚”)锚标签:

<a name="MyLinks"></a>
<a href="http://www.codeproject.com/">The CodeProject</a>

…那么您可能不想不小心href为它们添加属性。为了安全起见,我们可以指定我们的选择器将只匹配<a>具有现有href属性的标签:

$("a[href]") //...

当然,您可能会有更有趣的想法。如果您想将锚点与特定的现有 匹配href,您可以使用如下内容:

$("a[href='http://www.google.com/']").attr('href', 'http://www.live.com/')

这将找到href与字符串完全匹配的链接http://www.google.com/。一个更复杂的任务可能是匹配,然后只更新部分href

$("a[href^='http://codingdict.com']")
   .each(function()
   { 
      this.href = this.href.replace(/^http:\/\/beta\.coding\.com/, 
         "http://coding.com");
   });

第一部分仅选择 href以 . 开头
的链接http://coding.com。然后,定义了一个函数,该函数使用一个简单的正则表达式将这部分 URL
替换为新的部分。请注意这给您带来的灵活性 - 可以在此处对链接进行任何形式的修改。

2022-02-25