Create an anchor element and click and go to it

Question

I am trying to go to a specific link with jquery but my code does not do it

None of this works

$("<a class='tab-link' href='cnn.com'>cnn</a>").trigger('click');
$("<a class='tab-link' href='cnn.com'>cnn</a>").click();

The link i want to visit must have the class tab-link

How can i do this in jquery?

And the href has to be valid too. "cnn.com" is not a valid URL — mplungjan, Oct 19 '16 at 09:09
@LeQs `$('.tab-link').attr('href')` will give you the `href` attribute value and assigning that URL to `window.location` will redirect to that link. — Tushar, Oct 19 '16 at 09:15
This works: `$("jsf").on("click",function() {location=this.href}).click();` but is only necessary if you NEED to register a click instead of just a location change https://jsfiddle.net/mplungjan/mp9xbstw/ — mplungjan, Oct 19 '16 at 09:18
@mplungjan thanks,i got this to work `document.getElementById("a_link").click() ` Thanks for the link — Le Qs, Oct 19 '16 at 09:44

RafelSanso · Answer 1 · 2016-10-20T13:54:30.267

0

First of all, you need to create this element and include to DOM. For example:

$("<a class='tab-link' href='cnn.com' onClick=\"alert('hello');\">cnn</a>").appendTo("body").trigger('click');

edited Oct 20 '16 at 13:54

answered Oct 19 '16 at 09:12

RafelSanso

Did you test this? – mplungjan Oct 19 '16 at 09:16
Yes. Check the link on jsfiddle to show it. – RafelSanso Oct 20 '16 at 13:53
It does not go anywhere. It only triggers the event handler – mplungjan Oct 20 '16 at 13:55

1 Answers1