JSP页面通过JQUERY合并行

在写程序的过程中我们难免会遇到在页面上合并单元行的情况,如图所示


如果对于会的同学可能很简单,但是对没有思路的同学来说还是比较麻烦的,提供一下用JQUERY实现的参考代码

function mergeCell(){
        var trs = $("#table tr");
        //获取第一行
        var firstRow=0;
        //获取第一行的值
        var firstRowValue = trs.eq(firstRow).find("[name$=company]").val();
        var len = 1;
        for(var i = 1;i<trs.length;i++){
            //获取当前行的值
            var thisRowValue = trs.eq(i).find("[name$=company]").val();
            if(thisRowValue == firstRowValue){
                len++;
                //删除单元格
                trs.eq(i).find("td").eq(0).remove();
            }else{
                //设置单元格占的行数
                trs.eq(firstRow).find("td").eq(0).attr("rowspan",len);
                firstRow = i;
                firstRowValue = thisRowValue;
                len = 1;
            }
        }
        //最后一个的时候赋值
        if(len > 1){
            trs.eq(firstRow).find("td").eq(0).attr("rowspan",len);
        }
    }

你可能感兴趣的