Перемещение href привязки с jQuery

Question

Я хочу переместить значение href из одной ссылки в другую с помощью jQuery. У меня его выбрали, но у меня возникли проблемы с введением его в новый тег 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/

Answer 1

вы не можете иметь класс с именем GO! так изменить его на:

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

JQ uery:

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

DEMO JSFIDDLE

Answer 2

У вас есть несколько проблем с кодом, но ваша общая идея в значительной степени верно.

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

Обязательно удалите любые недопустимые символы из имени класса элемента. "ИДТИ!" недействителен, думал, что я подозреваю, что вы это знали, поскольку ваш селектор был всего лишь .go.

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