克隆＆amp;将链接附加到Container，但附加整个URL - 不是链接文本

Question

这应该很容易，但我找不到任何关于此的话题，我认为是因为我不知道如何正确地说出来。

问题：

当您将鼠标悬停在链接上时，它会被克隆并放大附加到#container - 但我希望#container中的链接完整是实际的URL，因此如果链接文本显示为："here is an article"，我希望附加到#container的链接显示为：{{ 3}}。

我试图在CodePen上非常直观地提出我的问题，有人会检查并建议我吗？ ： - ）

http:/www.myarticle.com/name-of-article

我使用的jQuery：

$('a').one('mouseover', function(){

 $(this).clone().appendTo('#container'); 
});

无论是JavaScript还是jQuery解决方案都可以，我同时使用它们。

Answer 1

您需要将链接文本更新为href属性的值。

$('a').one('mouseover', function(){
 var href = $(this).attr('href'); 
 $(this).clone().text(href).appendTo('#container');
});

http://codepen.io/anon/pen/eZgeNe

Answer 2

你可以用这个：

$('a').one('mouseover', function(){
     $('#container').append($(this).attr('href')); 
});

您需要捕获链接的属性，这是使用attr('attribute-handle')

完成的