Question

How do I convert the following javascript to using JQuery?

document.getElementById("asc").removeAttribute("href");
document.getElementById("asc").onclick = "";
document.getElementById("asc").style.textDecoration = "underline"

I think I’m close using the below code but this doesn’t quite work.

$('#asc').attr('href', '').click(function() {return false}).css('text-decoration', 'underline');

Answer 1

The only differences I can see is that the href attribute isn’t actually being removed. You’re also creating an event handler when the first example doesn’t have one.

This will remove the attribute instead:

$('#asc').removeAttr('href').css('text-decoration', 'underline');

If there’s already an onclick handler on it, try this:

$('#asc').removeAttr('href').attr('onclick', '').css('text-decoration', 'underline');