Question

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

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

Answer 1

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.

Answer 2

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");

Answer 3

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 });

Answer 4

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.

Answer 5

Use:

$( a ).filter( [href^="http://"],[href^="https://"] ).contents().unwrap();

or

$( a ).filter( [href^="http://"],[href^="https://"] ).removeAttr("href").css("cursor","not-allowed");

友情链接