如何用Jquery删除"href"?

Ste*_*ven 50 jquery href

<a id="a$id" onclick="check($id,1)" href="javascript:void(0)"  class="black">Qualify</a>
Run Code Online (Sandbox Code Playgroud)

删除"href"后,"Qualify"仍然可以点击吗?

Lan*_*don 102

你的标题问题和你的例子完全不同.我将首先回答标题问题:

$("a").removeAttr("href");
Run Code Online (Sandbox Code Playgroud)

并且就不需要href而言,普遍接受的做法是:

<a href"#" onclick="doWork(); return false;">link</a>
Run Code Online (Sandbox Code Playgroud)

返回false是必要的,因此href实际上不会去任何地方.


Bra*_*rks 23

如果您希望锚点看起来仍然可点击:

$("a").removeAttr("href").css("cursor","pointer");
Run Code Online (Sandbox Code Playgroud)

如果你想只从具有某些属性的锚点中删除href(例如那些只有一个哈希标记作为href的 - 这在asp.net中很有用)

$("a[href='#']").removeAttr("href").css("cursor","pointer");
Run Code Online (Sandbox Code Playgroud)

  • 在 Javascript 中也很有用,我还添加了指针事件:无。$("a[href='#']").removeAttr("href").css("光标","指针").css("指针事件","无"); (2认同)

CMS*_*CMS 8

如果您删除href属性锚将是不可作为焦点,它看起来像简单的文本,但它仍然是点击.


bry*_*ams 8

如果你想删除href,更改光标并防止点击它,这应该工作:

$("a").attr('href', '').css({'cursor': 'pointer', 'pointer-events' : 'none'});