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

推荐答案

使用

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

将修改所有超链接的href指向谷歌.不过,您可能需要更精致的 Select 器.例如,如果你混合了链接源(超链接)和链接目标(又称"锚")锚定标记:

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

.那么您可能不想意外地向它们添加href个属性.为了安全起见,我们可以指定我们的 Select 器将只匹配具有现有href属性的<a>个标记:

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

当然,你可能会有更有趣的 idea .如果要将锚点与特定的现有href相匹配,可以使用类似以下内容:

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

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

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

第一部分仅 Select HREF starts具有http://stackoverflow.com的链接.然后,定义一个函数,该函数使用一个简单的正则表达式将URL的这一部分替换为新的URL.请注意,这为您提供了灵活性-可以在此处对链接进行任何类型的修改.

Javascript相关问答推荐

使用print This时, map 容器已在LeafletJS中初始化

具有相同参数的JS类

如何修复循环HTML元素附加函数中的问题?

如何才能拥有在jQuery终端中执行命令的链接?

通过在页面上滚动来移动滚动条

node TS:JWT令牌签名以验证客户端和后台问题之间的身份验证

类型脚本中只有字符串或数字键而不是符号键的对象

我不知道为什么setwritten包装promise 不能像我预期的那样工作

React Code不在装载上渲染数据,但在渲染上工作

为什么我的列表直到下一次提交才更新值/onChange

当试图显示小部件时,使用者会出现JavaScript错误.

如何用拉威尔惯性Vue依赖下拉?

使用LocaleCompare()进行排序时,首先使用大写字母

当id匹配时对属性值求和并使用JavaScript返回结果

是什么导致了这种奇怪的水平间距错误(?)当通过JavaScript将列表项元素追加到无序列表时,是否在按钮之间?

未加载css colored颜色 ,无法将div设置为可见和不可见

使用带有HostBinding的Angular 信号来更新样式?

try 使用PM2在AWS ubuntu服务器上运行 node 进程时出错

在每次重新加载页面时更改指针光标

如何在单击Search按钮时更新Reaction组件?