欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

如何使用js快速合并table单元格

程序员文章站 2022-05-30 22:57:30
//函数说明:合并指定表格(表格id为table_id)指定列(列数为table_colnum)的相同文本的相邻单元格 //参数说明:table_id 为需要进行合并单元格的表格...

//函数说明:合并指定表格(表格id为table_id)指定列(列数为table_colnum)的相同文本的相邻单元格
//参数说明:table_id 为需要进行合并单元格的表格的id。如在html中指定表格 id=”table1” ,此参数应为 #table1
//参数说明:table_colnum 为需要合并单元格的所在列。为数字,从最左边第一列为1开始算起。

function table_rowspan(table_id, table_colnum) {
    table_firsttd = "";
    table_currenttd = "";
    table_spannum = 0;
    colnum_obj = $(table_id + " tr td:nth-child(" + table_colnum + ")");
    colnum_obj.each(function (i) {
        if (i == 0) {
            table_firsttd = $(this);
            table_spannum = 1;
        } else {
            table_currenttd = $(this);
            if (table_firsttd.text() == table_currenttd.text()) {
                table_spannum++;
                table_currenttd.hide(); //remove();
                table_firsttd.attr("rowspan", table_spannum);
            } else {
                table_firsttd = $(this);
                table_spannum = 1;
            }
        }
    });
}