How to simulate button click on jQuery?

Question

I have a function that performs by clicking a button on jQuery.

    $('.btnEntrega').click(function (e) {=
     idPrograma = $(this).data('id');

     CoresFormasPlacas($(this).data('placa'), $(this).data('especie'), $(this).data('categoria'), $(this).data('tipo'));

     $('#modalConfirmaEntrega #exampleModalLongTitleAuto').html("<br/> Autorização: " + $(this).data('autorizacao'));
     ConfirmaEntrega("Confirma a Entrega?");

     e.preventDefault();
     e.stopPropagation();

 });

I wish that when another button was clicked, it would call that same function, so I did the following:

$('.btnDigital').click(function () {
  $(".btnEntrega").click();
});

But it doesn’t work, and it doesn’t make any mistakes. How do I call the top function when the "btnDigital" button is clicked?

Answer 1

Well, I would create a function for the code you want to run by the two buttons. It is not a good idea to make one button depend on the other, because if one ceases to exist the other stops working, among other architectural factors.

Try it this way:

function entrega(object) {
     idPrograma = object.data('id');

     CoresFormasPlacas(object.data('placa'), object.data('especie'), object.data('categoria'), object.data('tipo'));

     $('#modalConfirmaEntrega #exampleModalLongTitleAuto').html("<br/> Autorização: " + object.data('autorizacao'));
     ConfirmaEntrega("Confirma a Entrega?");
}


$('.btnEntrega').click(function (e) {=
     entrega($(this));

     e.preventDefault();
     e.stopPropagation();

 });

$('.btnDigital').click(function (e) {
     entrega($(this));

     e.preventDefault();
     e.stopPropagation();
});

Answer 2

To trigger automatic events: Trigger / triggerHandler.

$('.btnDigital').click(function () {
    $(".btnEntrega").trigger('click');
});

Documentation jQuery.