使用jQuery移动锚点的href

时间:2012-05-05 19:22:36

标签: jquery

我想使用jQuery将href的值从一个链接移动到另一个链接。 我已选择它,但我无法将其注入新的ancor标签。有更好的方法吗?

HTML:

<ul class="menu">
    <li><a href="1">1</a></li>
    <li><a href="2">2</a></li>
    <li><a href="3">3</a></li>
    <li><a href="4">4</a></li>
    <li class="active"><a href="5">5</a></li>
    <li><a href="6">6</a></li>
    <li><a href="7">7</a></li>
    <li><a href="8">8</a></li>
</ul>
<a class="GO!" href="">go!</a>

JQ:

var goLink = $('li.active > a').attr("href");
$(.go).attr("href", 'golink');

http://jsfiddle.net/nEePk/3/

2 个答案:

答案 0 :(得分:2)

您不能拥有一个名为GO!的班级,因此请将其更改为:

<a class="go" href="">go!</a> 

jQuery的:

var goLink = $('li.active > a').attr("href");
$('.go').attr("href", golink);   // remove "''" from golink

<强> DEMO JSFIDDLE

答案 1 :(得分:0)

你的代码有一些问题,但你的一般想法是非常正确的。

$(".go").attr("href", function(){
  return $("li.active > a").attr("href");
});

请务必从元素的类名中删除任何无效字符。 “走!”因为你的选择器只是.go而我怀疑你知道这个是无效的。

<a href="#" class="go">Go!</a>