Как добавить авто серийный номер по javascript после каждого клика

Question

один и тот же серийный номер для каждой проблемы с строкой Один и тот же серийный номер после каждого нажатия

$(document).on('click', '.menu-item', function() {
    var menu_id = $(this).attr('id');
    var _token = $('input[name="_token"]').val();
    console.log(menu_id);
    var i = 1;
    $.ajax({
        url: '{{ url("waiter/menu/find") }}',
        method: 'POST',
        data: {menu_id:menu_id, _token:_token},
        dataType:"json",
        success: function(data) {
            $('#selectedMenu').append('<tr><td>' + i++  +'</td><td>' + data.name  + '</td><td><input type="number" name="quantity[]"></td><td>' + data.price + '</td><td><span class="btn btn-xs btn-danger"><i class="cancel fa fa-times"></i></span></td></tr>');
        }
    });
});

[Как работает i ++ после каждого клика для таблицы с серийным номером]

Answer 1

Каждый раз, когда вы нажимаете var i, инициализируется 1, так что делайте это вне метода click.

Кстати, это не правильный способ сделать это.Сначала

1. Отправка данных на сервер
2. Вставка строки
3. Подсчет количества строк
4. Отправка номера обратно клиенту
5. Отображать это как серийный номер.