jquery - 访问 LINK 后删除属性 HREF

Question

我想达到这样的效果...

<div id="content"><a href="#MyForm">some text</a></div>

在单击/访问链接一次以将“某些文本”作为普通文本之后......就像

<div id="content"><a>some text</a></div>

那么，1.如何使该链接首先达到结果，然后 删除或禁用属性 HREFF？

预先感谢您对我们的支持！

Answer 1

您可以重写 html 元素，试试这个：

<div id="content"><a href="#MyForm" onClick="document.getElementById('content').innerHTML='some text';">some text</a></div>

编辑：第一篇文章哎呀，这里有一些解释。

通过添加 onClick 动作来移除元素：

<a href="#MyForm" onClick="document.getElementById('content').innerHTML='some text';">some text</a>

并将其替换为

some text

所以点击链接后，你的 html dom 将被修改，如下所示：

<div id="content">some text</div>

Answer 2

$('a[href]').click(function (e) {

    var hash = $(this).attr('href');

    $(this).removeAttr('href');
    location.hash = hash;

});

这假设这些链接将始终是散列。