如何更改一个使用jQuery超链接的HREF

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

将修改的所有超链接的HREF指向谷歌。你可能需要一个更精确的选择虽然有点。例如,如果你有一个链接源(超链接混合)和链接目标(又名“锚”)锚标签:

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

那你可能不想要意外增加href他们的属性。为安全起见,然后,我们可以指定我们选择将只匹配<a>
与现有的标签$("a[href]") //属性:

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

当然,你可能想到的东西更有趣。如果你想匹配一个锚与特定的现有http://www.google.com/ ,你可以使用这样的:

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

这将找到的连结,其中的http://beta.stackoverflow.com完全匹配的字符串 。一个任务可能会更多地参与匹配,然后更新的唯一的一部分 :


第一部分只选择其中的HREF链接做起 。然后,定义一个函数,它使用一个简单的正则表达式来替换一个新的这个网址的一部分。请注意灵活性这给你 - 任何修改排序的链接在这里可以做。



2)
使用attr您的查找方法。您可以切换出一个新价值的任何属性。

$("a.mylink").attr("href", "http://cupcream.com");




3)
根据是否要更改其他所有的东西联系或以上相同的只是在一个特定的页面或每个单独部分你要控制,你可以做其中之一。

改变一切的联系,使它们指向谷歌谷歌地图:

<a href="http://www.google.com">

$("a[href=&apos;http://www.google.com/&apos;]").attr(&apos;href&apos;,
&apos;http://maps.google.com/&apos;);

要改变某一部分的联系,增加了集装箱科的类的选择。这个例子将改变谷歌在内容链接,但不是在页脚:

<div class="content">
<p>...link to <a href="http://www.google.com/">Google</a>
in the content...</p>
</div>

<div class="footer">
Links: <a href="http://www.google.com/">Google</a>
</div>

$(".content a[href=&apos;http://www.google.com/&apos;]").attr(&apos;href&apos;,
&apos;http://maps.google.com/&apos;);

要改变个人的联系,不论他们在那里的文件秋天,添加一个id的链接,然后添加该ID的选择。这个例子将改变谷歌在内容的第二个环节,但不是第一个或页脚中的一个:

<div class="content">
<p>...link to <a href="http://www.google.com/">Google</a>
in the content...</p>
<p>...second link to <a href="http://www.google.com/"
id="changeme">Google</a>
in the content...</p>
</div>

<div class="footer">
Links: <a href="http://www.google.com/">Google</a>
</div>

$("a#changeme").attr(&apos;href&apos;,
&apos;http://maps.google.com/&apos;);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值