javascript - 如何在每次点击后通过javascript添加自动序列号

Question

same serial number every row problem每次点击后的序列相同

$(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. 将其显示为序列号。