jQuery改变table中的行元素位置

Question

    //得到table中子元素tbody中的所有tr的jQuery对象数组trs
        var trs = $("#tableid > tbody").find("tr");
        //遍历trs
        for (var i = trs.length - 1; i >= 0; i--) {
            //取第i个tr的jQuery对象
            var tr = trs.eq(i);
            //获取pid的属性值
            var pid = tr.attr("pid");
            if(pid != 0){
                tr.addClass("trbg");
                    //这句话我是这样理解的，$("#id")选择器来选出所有id=id的元素，并且pid作为变量，即之选出id=pid的元素
                $("#id" + pid).after(tr);
            }
        }
        请问，当元素进行插入后，第二次遍历的对象是移动前的还是移动后的啊，求大神解惑？？？？？

Answer 1

移动前的对象，因为每次插入后，你没有更新遍历的行  trs = $("#tableid > tbody").find("tr");所以trs始终是最初获取的行
而且你上面的写法可以简洁一些:
<script>
    //遍历id为"tableid"的table中的所有行tr
        $("#tableid tr").each({
            var pid=$(this).attr("pid");//依次获取每行的pid属性值
            if(pid!=0){
                $(this).addClass('trbg');//为当前行添加背景样式
                $("#id" + pid).after($(this));//在指定元素id为'id'+pid元素后插入当前行
            }
        })
    </script>