How to remove "href" with Jquery?
<a id="a$id" o开发者_如何学Pythonnclick="check($id,1)" href="javascript:void(0)" class="black">Qualify</a>
After "href" is removed, is "Qualify" still clickable?
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.
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");
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'});
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.
Use:
$('a').filter('[href^="http://"],[href^="https://"]').contents().unwrap();
or
$('a').filter('[href^="http://"],[href^="https://"]').removeAttr("href").css("cursor","not-allowed");
精彩评论