jquery 实现 table 添加到第一行，删除最后一行

最新推荐文章于 2023-08-31 19:54:35 发布

easyboot

最新推荐文章于 2023-08-31 19:54:35 发布

阅读量9.2k

点赞数 1

分类专栏： WEB前端

本文链接：https://blog.csdn.net/easyboot/article/details/71079514

版权

WEB前端专栏收录该内容

111 篇文章 2 订阅

订阅专栏

         var Sn = $("#txtSN").val();
         var SkuCode = $("#txtSkuCode").val();      
                    
                    var row = "<tr>" +
                                   "<td>" +  SkuCode + "</td>" +
                                   "<td>" +  Sn      + "</td>" +
                              "</tr>";                                
                    console.log(row)                                                                                                                                                                           
                   //添加数据到 table 第一行                   
                    $("#tbScanData tbody").prepend(row);

                    //超过三行则删除最后一行
                    
                    var len = $("#tbScanData tr").length;
                    console.log(len)
                    if (len > 4) {
                        $("#tbScanData tr:last").remove();
                    }