How to remove "href" with Jquery?

JqueryHref

Jquery Problem Overview


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

After "href" is removed, is "Qualify" still clickable?

Jquery Solutions


Solution 1 - Jquery

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

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

And as far as not requiring an href, the generally accepted way of doing this is:

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

The return false is necessary so that the href doesn't actually go anywhere.

Solution 2 - Jquery

If you want your anchor to still appear to be clickable:

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

And if you wanted to remove the href from only anchors with certain attributes (eg ones that just have a hash mark as the href - this can be useful in asp.net)

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

Solution 3 - Jquery

If you wanted to remove the href, change the cursor and also prevent clicking on it, this should work:

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

Solution 4 - Jquery

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

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionStevenView Question on Stackoverflow
Solution 1 - JqueryLangdonView Answer on Stackoverflow
Solution 2 - JqueryBrad ParksView Answer on Stackoverflow
Solution 3 - JquerybryceadamsView Answer on Stackoverflow
Solution 4 - JqueryChristian C. SalvadóView Answer on Stackoverflow