Javascript 克隆及；将链接附加到容器，但附加整个URL—；不是链接文本

这应该很容易，但我找不到任何关于这个的话题，我想这是因为我不知道如何正确表达它

问题：

当您将鼠标悬停在链接上时，它会被克隆并附加到#容器中-但是我希望#容器中的链接是整个实际URL，因此如果链接文本显示：，我希望附加到#容器中的链接显示：

我已经试着在CodePen上把我的问题直观地表达清楚，有人能检查一下并给我建议吗？：-）

我使用的jQuery：

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

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

JavaScript或jQuery解决方案都可以，我两者都使用。

您可以使用：

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

---

您需要捕获链接的属性，这是通过使用

attr（'attribute-handle'）

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

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

---

太好了！我试过使用.attr，但我忘了在appendtodoh之前使用文本！谢谢！：-）