How to remove "href" using jQuery?

Question

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

After deleting "href", is "Qualification" still clickable?

Answer 1

Your title question and your example are completely different. I will start by answering the title question:

 $("a").removeAttr("href"); 

And if href is not required, the generally accepted way to do this is:

 <a href"#" onclick="doWork(); return false;">link</a> 

Returning false is necessary so that href does not actually go anywhere.

Answer 2

If you want your anchor to still display, you can click:

 $("a").removeAttr("href").css("cursor","pointer"); 

And if you want to remove href only from bindings with certain attributes (for example, those that have only a hash tag like href - this can be useful in asp.net)

 $("a[href='#']").removeAttr("href").css("cursor","pointer"); 

Answer 3

If you remove the href attribute, the anchor will not be configured and will look like plain text, but it will still be clickable.

Answer 4

If you want to remove href, change the cursor and also do not click on it, this should work:

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