Auto click a link by class name using javascript or jquery?

Question

I am trying to auto click a link using a class name instead of the ID name.

however my approach doesn't do anything!

Here is what I have done:

    <script type="text/javascript">
$(document).ready(function(){
   document.getElementsByClassName("some-iclass").click();
});
</script>

Could someone point me in the right direction please?

EDIT:

I've used the following code and still doesn't work:

<script type="text/javascript">
$(document).ready(function(){
  $(".myLink").click();
});
</script>

<a class="myLink" href="http://yahoo.com"> CLICK HERE NOW </a>

and I have this right at the top of my page header:

    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

EIDT:

i've tried this as well and still doesn't work:

<script type="text/javascript">
$(document).ready(function(){
    $('.myLink').trigger('click');
    });
</script>

you cannot click it because you have not defined click method for the link tag . — Tushar Gupta - curioustushar
– Tushar Gupta - curioustushar, Commented Oct 17, 2013 at 11:56
Most likely, no click event is bound to the link. It IS clickable however, if there's a href in there it will follow that link. — SidOfc
– SidOfc, Commented Oct 17, 2013 at 12:15

geevee · Accepted Answer · 2013-10-17 12:14:52Z

16

here you go:

<script type="text/javascript">
$(function(){
    $('.className').trigger('click');
});
</script>

hope that helps.

UPDATE:

try:

<script type="text/javascript">
$(function(){
    window.location.href = $('.className').attr('href');
});
</script>

after your edit, i think this is what you need.

edited Oct 17, 2013 at 12:14

answered Oct 17, 2013 at 11:56

geevee

5,4715 gold badges33 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user2889836 Over a year ago

I've tried using your code and it didn't work! could you please provide a jsfiddle ?

user2889836 Over a year ago

This did it mate. Great. appreciate it.

user2889836 Over a year ago

one more question, how can I use the same method to auto click on an image like this: <img class="close" src="images/closey.gif" style="display: inline;"></img> ?

2 revs · Accepted Answer · 2013-10-17 12:20:17Z

10

getElementsByClassName doesn't return an element but a NodeList which may contain more than one element.

You may do this :

document.getElementsByClassName("some-iclass")[0].click();

or if you want to click all elements :

var list = document.getElementsByClassName("some-iclass");
for (var i=0; i<list.length; i++) list[i].click();

But as you use jQuery, it would be simpler to do

$('.some-iclass').click();

but only when the click event handler was added with jQuery (in other cases, like for example in case of an href attribute, use the standard dom functions).

edited Oct 17, 2013 at 12:20

community wiki

2 revs
dystroy

3 Comments

SidOfc Over a year ago

+1 for the $('.some-iclass').click(); due to compatibility with older browsers, e.g. ie7+

user2889836 Over a year ago

could you please provide a working jsfiddle as I cannot get this to work!

Denys Séguret Over a year ago

Fiddle. Your tests with Yahoo.com can't work because Yahoo doesn't want to be embedded in a frame (cross origin settings).

coolguy · Accepted Answer · 2013-10-17 11:57:15Z

2

$(document).ready(function(){
    $(".some-iclass").trigger('click');
    });

answered Oct 17, 2013 at 11:57

coolguy

7,9549 gold badges48 silver badges72 bronze badges

Comments

SidOfc · Accepted Answer · 2013-10-17 12:04:50Z

2

Simple with jquery $(".some-iclass").click();

if you have a lot of elements with this class - point to the wanted element: i.e. $($(".some-iclass")[0]).click();

edited Oct 17, 2013 at 12:04

SidOfc

4,6143 gold badges30 silver badges50 bronze badges

answered Oct 17, 2013 at 11:58

griffon vulture

6,7946 gold badges39 silver badges60 bronze badges

Comments

user3206770 · Accepted Answer · 2014-01-17 13:32:01Z

2

for auto-clicking a button or a link

"<"body onload="document.getElementById('some-class')[0].click()" ">"

this works...:)

edited Jan 17, 2014 at 13:32

answered Jan 17, 2014 at 13:25

user3206770

212 bronze badges

Comments

SidOfc · Accepted Answer · 2013-10-17 11:59:23Z

1

if you want to autoclick a link and you are using jQuery, you could use

$('.yourClass').click();

if you need this to be one link in a collection of multiple links, you could do this:

$($('.yourClass')[0]).click();

Where 0 is the index of the element in the jQuery object.

document.getElementsByClassName('yourClass'); does not work in older browsers so it's best to use jQuery here for cross-browser compatibility.

answered Oct 17, 2013 at 11:59

SidOfc

4,6143 gold badges30 silver badges50 bronze badges

Comments

Naiguel Developer · Accepted Answer · 2017-02-07 13:01:06Z

1

For me, I managed to make it work that way. I deployed the automatic click in 5000 milliseconds and then closed the loop after 1000 milliseconds. Then there was only 1 automatic click.

<script> 
var myVar = setInterval(function ({document.getElementById("test").click();}, 500); 
setInterval(function () {clearInterval(myVar)}, 1000); 
</script>

answered Feb 7, 2017 at 13:01

Naiguel Developer

3133 silver badges3 bronze badges

Collectives™ on Stack Overflow

Auto click a link by class name using javascript or jquery?

7 Answers 7

3 Comments

3 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

3 Comments

3 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related