jQuery改变table中的行元素位置
    //得到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);
            }
        }
        请问,当元素进行插入后,第二次遍历的对象是移动前的还是移动后的啊,求大神解惑?????

2个回答

移动前的对象,因为每次插入后,你没有更新遍历的行  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>

获取trs用楼上的方法trs = $("#tableid tr");
你是从最后一行到第一行遍历,

//取第i个tr的pid的属性值;
var tr = trs.eq(i);
var pid = tr.attr("pid");

就是把当前遍历到的tr放在一个id=idpid (pid为当前tr的pid的值)的后面。
$("#id" + pid).after(tr);

第二遍遍历的时候是移动后的对象,因为tr都被移走了,可能第二次遍历的时候 trs的length为0

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!