欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-07-13 12:30:32
...
         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();
                    }