Q:

Как при клике на кнопку изменить в ней текст?

Кнопка не одна, как сделать чтобы при клике изменялся текст именно этой кнопки?
Вот код:
<button class="btn btn-success btn-lg add-to-order" value="Добавить к заказу" onclick="" id="123"></button>

<script type="text/javascript">
                    $('#123').click(function() {
                        $('#123').val('Добавлено к заказу');
                    });
                </script>

Так не получается

A:

$('.add-to-order').click(function() {
  $(this).text('Добавлено к заказу')
         .css('background-color', '#ff0000');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="add-to-order">Добавить к заказу</button>
<button class="add-to-order">Добавить к заказу</button>
<button class="add-to-order">Добавить к заказу</button>

