访问LINK后删除属性HREF

Question

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

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

单击/访问链接一次后将“some text”作为普通文本...如

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

所以，1。如何首先使LINK达到结果然后删除或禁用属性？

提前感谢您的支持！

Answer 1

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

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

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

添加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;

});

这假设这些链接始终是哈希值。