Question

是否可以使用jQuery扫描所有链接，然后将external link (font) icon附加到所有具有现有<a>属性的target = "_blank"元素上，但只能在悬停？（这些链接不必是外部链接，只需在新选项卡上打开的链接即可。）如果可能的话，最好在图标的外观上放松。

感谢您的帮助！

Answer 1

您可以在链接上使用hover功能。对于图标，请使用font-awesome：

$("a").hover(function() {
    // Add your code inside if condition if you want to check target = '_blank' attribute
    // var attr = $(this).attr('target');
    // if (typeof attr !== typeof undefined && attr !== false) {
    // }
    $(this).attr('href', 'https://www.google.com'); //Your URL internal or external.If you don't want manual URL, add desire URL on data attribute and take URL from there.
    $(this).addClass('fa fa-link');

  },
  function() {
    $(this).attr('href', '#'); //Your URL
    $(this).removeClass('fa fa-link');

  });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<a target='_blank' href='#'>Link</a>

Check other icons of fontawesome。

如何在鼠标悬停时附加外部链接（字体）图标

1 个答案: