故如虹,知恩;故如月,知明
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术

jquery删除表格的行,Id自适应

4680人阅读 2019/2/17 16:42 总访问:3944855 评论:0 收藏:0 手机
分类: Js相关


jquery删除表格的行,Id自适应,删除后让id不断层还是依次排列

   //删除(id自适应)
            $(".usertable").on("click", ".deletea", function () {

                //获取到要删除的行
                var needtr = $(this).parents("tr");

                //获取id
                var id = needtr.find("td").eq(1).html()
                id--;//因为删掉了该行先要减去一下,留一个位置出来

                //获取到行号
                var poi = $(".usertable  tr").index(needtr);

                needtr.remove();
                $(".usertable  tr").each(function (index, item) {

                    //从删除行的下一行为起点,重新分配Id
                    if (index > poi - 1) {
                        id++;
                        $(item).find("td").eq(1).html(id);
                    }
                });
            });


欢迎加群讨论技术,群:677373950(满了,可以加,但通过不了),2群:656732739

评价