How to remove the disabled attribute of a href link

Question

When I use this line

$("#edit-link-1").removeAttr("href");

It disables the link.

Now I want to enable the same link again. So I tried this line, but its kind of not working :(

$("#edit-link-1").addAttr("href",true);

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"> 
</script>

<a href="#" id="edit-link-1">Link1</a>
<script type="text/javascript">
    $("#edit-link-1").removeAttr("href");
    $("#edit-link-1").addAttr("href",true);
</script>

`href="true"` is what you are trying to add. I'm assuming that is not correct. — Taplar, Jan 08 '19 at 16:21
Take a look: https://stackoverflow.com/questions/54070864/disable-a-links-using-attr-disabled — Osakr, Jan 08 '19 at 16:22
Possible duplicate of [addAttr not working in jquery?](https://stackoverflow.com/questions/10407622/addattr-not-working-in-jquery) — Ankit Mehta, Jan 08 '19 at 16:24
"kind of not working" - very help technical diagnostic there... maybe look in your console and see `$(...).addAttr is not a function` then enter SO search "addAttr" and read first result? — freedomn-m, Jan 08 '19 at 16:31

score 4 · Accepted Answer · answered Jan 08 '19 at 16:21

4

In jQuery the correct way of adding an attribute is:

$("#edit-link-1").attr("href", 'https://www.google.com/');

answered Jan 08 '19 at 16:21

quirimmo

9,800
3
30
45

masmerino · Answer 2 · 2019-01-08T17:04:18.710

0

Also you have another option, depends on wich jQuery version are you working on.

Since v1.6 you can use prop, http://api.jquery.com/prop/

var $link = $("#edit-link-1");
$link.prop('href', 'https://www.google.com/');

Regards

edited Jan 08 '19 at 17:04

answered Jan 08 '19 at 16:53

masmerino

957
9
8

How to remove the disabled attribute of a href link

2 Answers2