Jquery - 自动生成行删除的序列号

Question

我有一个像下面这样的动态表，它的行是用序列号生成的。

我的问题是当从底部删除它给出相同的延续号码，但是当从顶部删除时说1或2，它的下一行没有给出正确的序列号。

        // function remove
        function removeItem(param){
            var form_data = new FormData();
            form_data.append('inventory_id',param);
            $.ajax({
                url:"<?php echo 'deleteItem.php'; ?>",
                dataType:'json',
                data:form_data,
                cache:false,
                contentType:false,
                processData:false,
                type:'post',
                success:function(res_data){
                    if (res_data.status == 1) {
                        var row = "#row"+param
                        $(row).hide();
                        document.getElementById('roll_no').value=roll--;

                        //roll--;

                    }
                    console.log(res_data);
                },
            });
            }

        $(function(){
            $('#addItem').click(function(){
                var form_data = new FormData();
                form_data.append('store_code',$('#itemCode').val());
                form_data.append('store_desc',$('#storeCode').val());
                form_data.append('qty',$('#itemQty').val());
                form_data.append('epo',$('#epo').val());
                $.ajax({
                    url:"<?php echo 'addItem.php'; ?>",
                    dataType:'json',
                    data:form_data,
                    cache:false,
                    contentType:false,
                    processData:false,
                    type:'post',
                    success:function(res_data){
                        roll=parseInt(document.getElementById('roll_no').value);
                        var row = "<tr id='row"+res_data.id+"'><td class='text_normalarial'><lable id="+res_data+"roll class=jibi007>"+roll+"</label></td><td class='text_normalarial'>"+res_data.item_id+"</td><td class='text_normalarial'>"+res_data.store_id+"</td><td class='text_normalarial'>"+res_data.qty+"</td><td><button style='width:20px;height:20px;border:none;background:url(images/close_new.png)' class='round' onclick='removeItem("+res_data.id+")'></button></td></tr>"
                        document.getElementById('roll_no').value=roll+1;
                        $('#inventory').append(row);

                        console.log(res_data);
                    },
                });
            });
        });