1 / 7
文档名称:

jQuery实现HTML表格单元格合并功能.docx

格式:docx   大小:20KB   页数:7页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

jQuery实现HTML表格单元格合并功能.docx

上传人:春天资料屋 2022/5/12 文件大小:20 KB

下载得到文件列表

jQuery实现HTML表格单元格合并功能.docx

相关文档

文档介绍

文档介绍:精品文档
精品文档
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