Question

如何使blahblah@gmail.com成为可点击的链接？

我想加入

href="mailto:xxxx@gmail.com"

Fiddle

$('#hello').attr('data-originalText', function() {
    return (this.textContent || this.innerText).trim();
}).hover(function() {
        $(this).fadeOut(500, function() {
            $(this).text('blahblah@gmail.com').fadeIn();
        });
    },

    function() {
        $(this).fadeOut(800, function() {
            $(this).text($(this).attr('data-originalText')).fadeIn();
        });
    }
);

Answer 1

转换此

$(this).text('blahblah@gmail.com').fadeIn();

到这个

$(this).html('<a href="mailto:xxxx@gmail.com">blahblah@gmail.com</a>').fadeIn();

的 DEMO

Answer 2

您需要使用.html（）才能显示html。

替换：$(this).text('blahblah@gmail.com').fadeIn();

使用：$(this).html('<a href="mailto:blahblah@gmail.com">blahblah@gmail.com</a>').fadeIn();

工作小提琴：https://jsfiddle.net/u8xqrp96/1/

使Jquery文本成为可点击的链接

2 个答案: