jquery - change link href after clicked on

Question

I want to change the href of a link after I click on it:

$('#mylink').click(function() {
    // do something
    $('#mylink').attr('href', 'newURL.php');
    });

<a href=# id=mylink>click</a>

i would assume this would work, but when I click on it, it redirects to new page.

How can I make it change the href after the user has finished clicking?

@mplungjan the preventDefault answers OPs question, my answer fixes the comment your putting on everyone else's answers. I'm not understanding why you're going on a serial downvote spree — Andy Holmes, Apr 13 '18 at 10:04
Please explain WHAT you are trying to achieve instead of posting an X/Y problem. WHY do you want to change the HREF and if you need the page to change anyway you do not need to change the href, just change the location — mplungjan, Apr 13 '18 at 10:04
@AndyHolmes I am not. I vote the SAME answer down 4 times :) — mplungjan, Apr 13 '18 at 10:05
Anyway, removed my downvote - am still not happy with OP's lack of specification — mplungjan, Apr 13 '18 at 10:07

Andy Holmes · Accepted Answer · 2018-04-13T10:13:28.730

1

You could do something like this:

$('#mylink').click(function(e) {
  e.preventDefault();
  $('#mylink').attr('href', 'newURL.php');
  window.location.href = $(this).attr('href');
});

The window.location will take the new url and direct you to it.

edit

As mplungjan has said in the comments, you can simplify this further:

$('#mylink').click(function(e) {
    e.preventDefault(); 
    window.location.href = 'newURL.php';
});

So you don't need to set the href attr directly, you could skip that and just utilise the window.location.href directly

edited Apr 13 '18 at 10:13

answered Apr 13 '18 at 10:00

Andy Holmes

7,817
10
50
83

Why? What will that do if the page disappears – mplungjan Apr 13 '18 at 10:02
Why downvote it? Your comment makes no sense – Andy Holmes Apr 13 '18 at 10:02
This helped me find a solution thanks, i added an if condition to check the current href, and redirected if it wasn't "#" – user1022585 Apr 13 '18 at 10:04
@user1022585 please tell us what you wanted to happen? – mplungjan Apr 13 '18 at 10:05
No problem @user1022585 - Please accept as it helped guide you :) – Andy Holmes Apr 13 '18 at 10:05
Will as soon as site lets me :) – user1022585 Apr 13 '18 at 10:06
Anyway, removed my downvote - still do not think the OP had given use a proper explanation of the issue – mplungjan Apr 13 '18 at 10:07
Thanks @mplungjan, no problem at all. There is more to the question I am sure, but as this addresses all points, I'm just doing my job :) – Andy Holmes Apr 13 '18 at 10:07
@mplungjan, it is still showing down vote on my answer, – Bhavin Solanki Apr 13 '18 at 10:08
so delete it - it is answer 3 more times and yours have the least explanation. I cannot remove the downvote unless edited – mplungjan Apr 13 '18 at 10:09
@AndyHolmes `$('#mylink').click(function(e) { e.preventDefault(); window.location.href = 'newURL.php'; });` saves a line – mplungjan Apr 13 '18 at 10:10
@mplungjan very true, the additional set isn't required if this is your desired functionality OP :) – Andy Holmes Apr 13 '18 at 10:11

Saurabh Mistry · Answer 2 · 2018-04-13T10:01:07.793

0

use e.preventDefault() on click on link

$('#mylink').click(function(e) {
     e.preventDefault();
    $('#mylink').attr('href','newURL.php');
     console.log("NEW LINK ="+$('#mylink').attr('href'));
     window.location.href=$(this).attr('href');
    
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>


<a href="" id=mylink>click</a>

edited Apr 13 '18 at 10:01

answered Apr 13 '18 at 09:59

Saurabh Mistry

12,833
5
50
71

What use would that be. You change the HREF and then what? – mplungjan Apr 13 '18 at 10:00
@ mplungjan , see now answer updated – Saurabh Mistry Apr 13 '18 at 10:01
The page will change, the link will be gone – mplungjan Apr 13 '18 at 10:01
@ mplungjan , then what do you want – Saurabh Mistry Apr 13 '18 at 10:02
I want OP to ask a proper question and not post an X/Y problem – mplungjan Apr 13 '18 at 10:03
1

then that is not my problem , you discoureging everybody by downvoting answer – Saurabh Mistry Apr 13 '18 at 10:04
Because you all answered the same. We should fix the actual problem, not just answer questions in my opinion - anyway, removed my downvote – mplungjan Apr 13 '18 at 10:06

jquery - change link href after clicked on

2 Answers2