文档介绍:精品文档
精品文档
1
精品文档
本文实例表达了jQuery实现HTML表格单元格合并的方法。分享给大家供大家参照,详细如下:
运行效果截图如下:
详细代码如下:
<!DOCTYPEhtmlPUBLIC"-//W3C/!=""){
if(i==0){
table_firsttd=$(this);
table_SpanNum=1;
}
else{
table_currenttd=$(this);
if(( )==( )){
table_SpanNum++;
( );//remove( ); 
("rowSpan",table_SpanNum);
}else{
table_firsttd=$(this);
table_SpanNum=1;
}
}
}
});
}
}
/
*desc:合并指定表格(表格id为table_id)指定行(行数为table_rownum)的相同文本的相邻单元格 
精品文档
精品文档
8
精品文档
****@table_id
表格
id:为需要进行合并单元格的表格的
id。如在
HTMl
中指定表格
精品文档
精品文档
9
精品文档
id="data"
,此参数应为
#data 
精品文档
精品文档
7
精品文档
****@table_rownum:-
字,从最左边第一列为1开始算起;"even"表示偶数行;"odd"表示奇数行;"3n+1"表示的行
数为1、4、7、...... 
****@table_mincolnum?:可选的,表示要合并行中的最小列,省略表示从第0列开始(闭区
间)
精品文档
精品文档
7
精品文档
***@table_maxcolnum?:可选的,表示要合并行中的最大列,省略表示表格的最大列数(开
区间) */
functiontable_colspan(table_id,table_rownum){//if(table_maxcolnum==void0){table_maxcolnum=0;}vartable_mincolnum=arguments[2]?arguments[2]:0;vartable_maxcolnum;
vartable_firsttd="";vartable_currenttd="";vartable_SpanNum=0;
$(table_id+"tr:nth-child("+table_rownum+")").each(function(i){table_row_obj=$(this).children( );
table_maxcolnum=arguments[3]?arguments[3]:;(table_mincolnum,table_maxcolnum).each(funct