当前位置:首页 > 开发 > Web前端 > Jquery > 正文

JSP页面通过JQUERY合并行

发表于: 2015-04-29   作者:357029540   来源:转载   浏览:
摘要: 在写程序的过程中我们难免会遇到在页面上合并单元行的情况,如图所示 如果对于会的同学可能很简单,但是对没有思路的同学来说还是比较麻烦的,提供一下用JQUERY实现的参考代码 function mergeCell(){         var trs = $("#table tr"); &nb
在写程序的过程中我们难免会遇到在页面上合并单元行的情况,如图所示


如果对于会的同学可能很简单,但是对没有思路的同学来说还是比较麻烦的,提供一下用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);
        }
    }

JSP页面通过JQUERY合并行

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号