How to trigger click event on all buttons with a specific class in jquery

Question

I would like to know how to trigger click event on all download buttons in jquery.

I am using WebShare from Share it and i would like to download a folder at a time because it contains many files and I can't go on downloading each file.

I tried using Downthemall but they are buttons and not links. When they are clicked the Download gets started.

Anyway, all the download buttons have the class button-download

and I tried the following

var reversed = $("button.button-download").get().reverse();

$(reversed).each(function () {
    $(this).trigger("click").delay(100);
});

But that downloads only the first file. I have tried delay() so that for every download, there will be a delay so that Firefox won't get stuck. But still, it downloads only the first one and leaves the rest (i.e. doesn't click on the rest of the buttons)

I am executing the script in Inspector console of firefox.

P.S. I have looked at available answers at Stackoverflow but they didn't seem to work for me.

T.J. Crowder · Accepted Answer · 2016-12-10 12:21:22Z

4

delay only affects animation operations.

If you want to trigger click on each of them in sequence, with a delay in-between, you can use setTimeout:

$("button.button-download").each(function(i) {
    var btn = $(this);
    setTimeout(btn.trigger.bind(btn, "click"), i * 100);
});

That queues a bunch of timers, one every 100ms, and calls trigger("click") on each button as the timers fire.

Whether that will actually cause the downloads the way you want is another question, but that will successfully click the buttons.

Example without downloading, and with a longer delay so you can see it running more easily:

$("button.button-download").click(function() {
  console.log(this.innerHTML + " clicked");
});

$("button.button-download").each(function(i) {
    var btn = $(this);
    setTimeout(btn.trigger.bind(btn, "click"), i * 500);
});

<button class="button-download">one</button>
<button class="button-download">two</button>
<button class="button-download">three</button>
<button class="button-download">four</button>
<button class="button-download">five</button>
<button class="button-download">six</button>
<button class="button-download">seven</button>
<button class="button-download">eight</button>
<button class="button-download">nine</button>
<button class="button-download">ten</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

answered Dec 10, 2016 at 12:21

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

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

6 Comments

J. Doe Over a year ago

where should I paste this code? In console it is not working. only the last file is downloaded

J. Doe Over a year ago

But.. not all are downloaded. Out of 175 items, there were only 77 items downloaded. Why is it so?

T.J. Crowder Over a year ago

@J.Doe: Yes, the console. You may need a longer delay, or it may be that you can't download more than a certain number at a time. But the above definitely clicks the buttons.

J. Doe Over a year ago

Moreover, I am not able to see the log that the buttons are clicked. I've enabled logging in Inspector in FF

T.J. Crowder Over a year ago

@J.Doe: If the buttons are submit buttons, this whole concept isn't going to work, because the page gets torn down when you submit a form. It may well be that you can't do what you want to do, at least not in this way.

|

Naman · Accepted Answer · 2016-12-10 14:41:08Z

0

Try this:

$('.button-download').each(function(i, obj) {
    obj.trigger("click");
});

edited Dec 10, 2016 at 14:41

Naman

1,52718 silver badges32 bronze badges

answered Dec 10, 2016 at 12:29

Waleed Ashraf

997 bronze badges

2 Comments

MR_AMDEV Over a year ago

although obj.click() works instead of obj.trigger('click')

za_ali33 Over a year ago

obj.click( ) worked for me

Collectives™ on Stack Overflow

How to trigger click event on all buttons with a specific class in jquery

2 Answers 2

6 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related