javascript - 在加载时更改链接 anchor 文本但在单击时恢复

Question

假设我有一堆具有相同类别但不同 anchor 文本的链接

<a class="hey" href="sitepoint.com">sitepoint</a>
<a class="hey" href="google.com">google</a>

当页面加载时，我希望每个链接的 anchor 文本显示我选择的相同文本。但是，当访问者单击链接时， anchor 会变回原始 anchor 。如果单击任何链接都可以将所有链接更改回原始链接，那将是最好的，但这并不重要。

欢迎任何帮助。

Answer 1

$('a.hey').each(function(){
    $(this).data('oldHref', $(this).attr(href));
    $(this).attr('href', 'CUSTOM TEXT HERE');
    $(this).click(function(){
        this.attr('href', this.data('oldHref');
        return false; //prevent default action, I assume
    })
})

如果您指的是 innerHTML:

$('a.hey').each(function(){
    $(this).data('oldInner', this.innerHTML);
    this.innerHTML = 'CUSTOM TEXT HERE';
    $(this).click(function(){
        this[0].innerHTML = this.data('oldInner');
        return false; //prevent default action, I assume
    })
})