《使用jQuery实现页面表格中相同内容的行或列合并》由会员分享,可在线阅读,更多相关《使用jQuery实现页面表格中相同内容的行或列合并(6页珍藏版)》请在金锄头文库上搜索。
1、网上找到的jQuery方法: /函数说明:合并指定表格(表格id为_w_table_id)指定列(列数为_w_table_colnum)的相同文本的相邻单元格 /参数说明:_w_table_id 为需要进行合并单元格的表格的id。如在HTMl中指定表格 id=data ,此参数应为 #data /参数说明:_w_table_colnum 为需要合并单元格的所在列。为数字,从最左边第一列为1开始算起。 function _w_table_rowspan(_w_table_id,_w_table_colnum) _w_table_firsttd = ; _w_table_currenttd = ;
2、 _w_table_SpanNum = 0; _w_table_Obj = $(_w_table_id + tr td:nth-child( + _w_table_colnum + ); _w_table_Obj.each(function(i) if(i=0) _w_table_firsttd = $(this); _w_table_SpanNum = 1; else _w_table_currenttd = $(this); if(_w_table_firsttd.text()=_w_table_currenttd.text() _w_table_SpanNum+; _w_table_cu
3、rrenttd.hide(); /remove(); _w_table_firsttd.attr(rowSpan,_w_table_SpanNum); else _w_table_firsttd = $(this); _w_table_SpanNum = 1; ); /函数说明:合并指定表格(表格id为_w_table_id)指定行(行数为_w_table_rownum)的相同文本的相邻单元格 /参数说明:_w_table_id 为需要进行合并单元格的表格id。如在HTMl中指定表格 id=data ,此参数应为 #data /参数说明:_w_table_rownum 为需要合并单元格的所在行
4、。其参数形式请参考jQuery中nth-child的参数。 / 如果为数字,则从最左边第一行为1开始算起。 / even 表示偶数行 / odd 表示奇数行 / 3n+1 表示的行数为1、4、7、10. /参数说明:_w_table_maxcolnum 为指定行中单元格对应的最大列数,列数大于这个数值的单元格将不进行比较合并。 / 此参数可以为空,为空则指定行的所有单元格要进行比较合并。 function _w_table_colspan(_w_table_id,_w_table_rownum,_w_table_maxcolnum) if(_w_table_maxcolnum = void 0
5、)_w_table_maxcolnum=0; _w_table_firsttd = ; _w_table_currenttd = ; _w_table_SpanNum = 0; $(_w_table_id + tr:nth-child( + _w_table_rownum + ).each(function(i) _w_table_Obj = $(this).children(); _w_table_Obj.each(function(i) if(i=0) _w_table_firsttd = $(this); _w_table_SpanNum = 1; else if(_w_table_ma
6、xcolnum0)&(i_w_table_maxcolnum) return ; else _w_table_currenttd = $(this); if(_w_table_firsttd.text()=_w_table_currenttd.text() _w_table_SpanNum+; _w_table_currenttd.hide(); /remove(); _w_table_firsttd.attr(colSpan,_w_table_SpanNum); else _w_table_firsttd = $(this); _w_table_SpanNum = 1; ); ); 下面是本
7、人写的测试页面:1:合并相同行的测试页面 $(document).ready(function() var rowCount = 4; for(var i = 1; i = rowCount; i+) _w_table_rowspan(#w_table_id,i); ); 省份 城市 商品代码 商品名称 数量 广东 深圳 00028 红花油 100 广东 深圳 00028 红花油 101 广东 深圳 00028 红花油 102 广东 广州 00027 白花油 200 广东 广州 00028 红花油 300 广东 深圳 00028 红花油 400 广东 深圳 00028 红花油 401 广东 深
8、圳 00028 红花油 402 广东 深圳 00028 红花油 403 2:合并相同列的测试页面 $(document).ready(function() var colCount = 4; for(var i = 1; i = colCount; i+) _w_table_colspan(#w_table_id,i); ); 广东 广东 广东 广东 广东 广东 广东 广东 广东 深圳 深圳 深圳 广州 广州 深圳 深圳 深圳 深圳 00028 00028 00028 00027 00028 00028 00028 00028 00028 红花油 红花油 红花油 白花油 红花油 红花油 红花油 红花油 红花油 100 101 102 200 300 400 401 402 403