剑轩

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

电脑版发表于:2019/2/17 16:42


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);
                    }
                });
            });


关于TNBLOG
TNBLOG,技术分享。技术交流:群号677373950
ICP备案 :渝ICP备18016597号-1
App store Android
精彩评论
{{item.replyName}}
{{item.content}}
{{item.time}}
{{subpj.replyName}}
@{{subpj.beReplyName}}{{subpj.content}}
{{subpj.time}}
猜你喜欢