如何使用JavaScript循环按下按钮

Question

I am searching for a way with javascript to run a code to the console of chrome and push all the buttons with the same CLASS name of a website

the code of the button is this

<span><a class="UFILikeLink" href="#" role="button" aria-live="polite" title="Like this" data-ft="{&quot;tn&quot;:&quot;>&quot;}" data-reactid=".3k">
  <i class="UFILikeLinkIcon img sp_j2jvp3kCzmm sx_751c68" data-reactid=".3k.0"></i>
  <span data-reactid=".3k.1">Like</span>
</a></span>

I have tried this code here

var el = document.getElementsByClassName('UFILikeLink'); 

for (var i=0;i<el.length; i++) {
    el[i].click();
}

Sorry my mistake.

The code is working but if I run the code for the second time it pushes again the button and it's like before.

The thing is that I want to make it like, if the button is pushed once it will not be pushed again.

Again sorry for the mistake.

If I push the button then the code of the webpage changes to this

<span><a class="UFILikeLink UFILinkBright" href="#" role="button" aria-live="polite" title="Unlike this" data-ft="{&quot;tn&quot;:&quot;?&quot;}" data-reactid=".sk">
  <i class="UFILikeLinkIcon img sp_j2jvp3kCzmm sx_c04d59" data-reactid=".sk.0"></i>
  <span data-reactid=".sk.1">Like</span>
</a></span>

Answer 1

You have jquery tag on your question, so here is how you would do it with jQuery:

$(document).ready(function(){

    $(".UFILikeLink").each(function(){
        $(this).click();
    });

});

This will click on everything that has the class UFILikeLink when the page loads.

Answer 2

You don't need to loop through the selected elements, if you're using jquery. Simply write this

$('.UFILikeLink').trigger('click');

But it seems like you're using pure js. So in that case, you're gonna have to do something like this.

var els = document.getElementsByClassName('test');

var event = new MouseEvent('click', {
    'view': window,
    'bubbles': true,
    'cancelable': true
  });

for(var el in els){
    els[el].dispatchEvent(event);
}