如何在用户单击时删除超链接

时间:2012-08-09 21:27:39

标签: jquery

我点击它后试图删除超链接。 (分页)

我希望删除超链接但仍显示文本。

<a href='#'>1</a>
<a href='#'>2</a>
<a href='#'>3</a>   //remove the hyperlink but keep number 3.
<a href='#'>4</a>
<a href='#'>5</a>

感谢您的帮助。

3 个答案:

答案 0 :(得分:3)

$('a').click(function(){
    $(this).removeAttr("href");
});

答案 1 :(得分:3)

jsBin demo

$('a').click(function(e){
  e.preventDefault();          // if you need it
  $(this).contents().unwrap();
});

http://api.jquery.com/contents/
http://api.jquery.com/unwrap/

答案 2 :(得分:2)

怎么样:

$('a').click(function(){
    $(this).replaceWith($(this).html());
});

jsfiddle