克隆并附加链接到容器,但附加整个URL —而不是链接文本

这应该很容易,但是我找不到任何相关主题,因为我不知道该如何正确地表达。

问题:

当您将鼠标悬停在链接上时,它将被克隆并附加到#container上-但是我希望#container中的链接完整地是实际的URL,因此,如果链接文本显示为:“这是一篇文章”,我想要一个附加到#container上以显示:http:/www.myarticle.com/name-of-article

我试图在CodePen上使问题清晰可见,有人可以检查一下并为我提供建议吗?:-)

http://codepen.io/StrengthandFreedom/pen/YqNrYO

我使用的jQuery:

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

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

JavaScript或jQuery解决方案都可以,我都可以使用。

起疙瘩的

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

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

根据目标更改将URL参数附加到链接的方式

来自分类Dev

innerHtml前置文本,而不是附加文本

来自分类Dev

如何确保JAWS读取链接文本而不是URL?

来自分类Dev

scrapy附加到链接提取器链接

来自分类Dev

附加Wordpress永久链接URL

来自分类Dev

将链接添加到单元格内而不是整个单元格内的文本

来自分类Dev

克隆并附加链接到容器,但附加整个URL —而不是链接文本

来自分类Dev

Laravel如何防止href链接附加到当前URL

来自分类Dev

外部链接CSS:文本链接与img链接

来自分类Dev

链接附加标题本地存储

来自分类Dev

将超链接显示为图标而不是文本

来自分类Dev

实际的HTML链接仅是IE的文本偏移(而不是“锚定”)

来自分类Dev

如何获得点击后附加的链接文本?

来自分类Dev

解析和附加链接

来自分类Dev

将附加的SDK面板链接到工具栏按钮

来自分类Dev

如何使CMake附加链接器标志而不是在它们之前添加?

来自分类Dev

<a href>将链接附加到当前URL的末尾

来自分类Dev

jQuery的DateTimePicker附加到链接

来自分类Dev

附加到Laravel中的分页链接URL

来自分类Dev

从链接到文本框的Javascript文本

来自分类Dev

TinyMCE将链接附加到当前URL

来自分类Dev

自定义Word文本框链接到PC,而不是文档

来自分类Dev

Javascript在复制上附加链接

来自分类Dev

将Div类附加到超链接类-然后在单击时将超链接克隆并附加到容器

来自分类Dev

MS Word:创建交叉引用链接到图形的顶端,而不是图形下方的标签文本

来自分类Dev

使用 jQuery 从链接而不是 href 获取文本

来自分类Dev

如何从图像而不是文本中删除链接悬停?

来自分类Dev

将链接附加到整个 HTML5 画布

来自分类Dev

有没有办法在推文中发布 <a> 或发布显示文本而不是 url 的链接?

Related 相关文章

  1. 1

    根据目标更改将URL参数附加到链接的方式

  2. 2

    innerHtml前置文本,而不是附加文本

  3. 3

    如何确保JAWS读取链接文本而不是URL?

  4. 4

    scrapy附加到链接提取器链接

  5. 5

    附加Wordpress永久链接URL

  6. 6

    将链接添加到单元格内而不是整个单元格内的文本

  7. 7

    克隆并附加链接到容器,但附加整个URL —而不是链接文本

  8. 8

    Laravel如何防止href链接附加到当前URL

  9. 9

    外部链接CSS:文本链接与img链接

  10. 10

    链接附加标题本地存储

  11. 11

    将超链接显示为图标而不是文本

  12. 12

    实际的HTML链接仅是IE的文本偏移(而不是“锚定”)

  13. 13

    如何获得点击后附加的链接文本?

  14. 14

    解析和附加链接

  15. 15

    将附加的SDK面板链接到工具栏按钮

  16. 16

    如何使CMake附加链接器标志而不是在它们之前添加?

  17. 17

    <a href>将链接附加到当前URL的末尾

  18. 18

    jQuery的DateTimePicker附加到链接

  19. 19

    附加到Laravel中的分页链接URL

  20. 20

    从链接到文本框的Javascript文本

  21. 21

    TinyMCE将链接附加到当前URL

  22. 22

    自定义Word文本框链接到PC,而不是文档

  23. 23

    Javascript在复制上附加链接

  24. 24

    将Div类附加到超链接类-然后在单击时将超链接克隆并附加到容器

  25. 25

    MS Word:创建交叉引用链接到图形的顶端,而不是图形下方的标签文本

  26. 26

    使用 jQuery 从链接而不是 href 获取文本

  27. 27

    如何从图像而不是文本中删除链接悬停?

  28. 28

    将链接附加到整个 HTML5 画布

  29. 29

    有没有办法在推文中发布 <a> 或发布显示文本而不是 url 的链接?

热门标签

归档