//得到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);
}
}
请问,当元素进行插入后,第二次遍历的对象是移动前的还是移动后的啊,求大神解惑?????
移动前的对象,因为每次插入后,你没有更新遍历的行 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