宝哥软件园

jquery合并表格中相同文本的相邻单元格

编辑:宝哥软件园 来源:互联网 时间:2021-09-09

一、效果

第二,代码

!DOCTYPE HTMLhtmlhead title示例/title meta charset=' utf-8 '/style/style script src=' http : js/jquery-2。1 .4 .量滴js '/script/heady表id=' process '单元格填充=' 2 '单元格间距=' 0 '边框=' 1 ' ad tr TD col 0/TD TD TD col 1/TD TD TD col 2/TD TD TD col 3/TD/tr/ad t body tr tdsuzuus/TD TD TD TD TD 1111/TD TD TD td21函数说明:合并指定表格(表格编号为_w_table_id)指定列(列数为_w_table_colnum)的相同文本的相邻单元格//参数说明:_w_table_id为需要进行合并单元格的表格的身份证。如在超文本标记语言中指定表格id='数据,此参数应为#数据//参数说明:_w_table_colnum为需要合并单元格的所在列。为数字,从最左边第一列为一开始算起function _ w _ table _ row span(_ w _ table _ id,_ w _ table _ colnum){ _ w _ table _ first TD=' ';_ w _ table _ current TD=_ w _ table _ SPanNum=0;_ w _ table _ Obj=$(_ w _ table _ id ' tr TD : th-child(' _ w _ table _ colnum ')');_w_table_Obj。每个(函数(I){ if(I==0){ _ w _ table _ first TD=$(this);_ w _ table _ SPanNum=1;} else { _ w _ table _ current TD=$(this);if(_ w _ table _ first TD。text()==w _ table _ current TD。text()){ _ w _ table _ SPanNum;_ w _ table _ current TD。hide();//移除();_w_table_firsttd.attr('rowSpan ',_ w _ table _ SPanNum);} else { _ w _ table _ first TD=$(this);_ w _ table _ SPanNum=1;} } });}//函数说明:合并指定表格(表格编号为_w_table_id)指定行(行数为_w_table_rownum)的相同文本的相邻单元格//参数说明:_w_table_id为需要进行合并单元格的表格身份证。如在超文本标记语言中指定表格id='数据,此参数应为#数据//参数说明:_w_table_rownum为需要合并单元格的所在行。其参数形式请参考jQuery中第n个孩子的参数。//如果为数字,则从最左边第一行为一开始算起//"甚至"表示偶数行//"奇怪"表示奇数行//'3n 1 '表示的行数为1、4、7、10.//参数说明:_w_table_maxcolnum为指定行中单元格对应的最大列数,列数大于这个数值的单元格将不进行比较合并。//此参数可以为空,为空则指定行的所有单元格要进行比较合并。

function _ w _ table _ col span(_ w _ table _ id,_w_table_rownum,_ w _ table _ maxcolnum){ if(_ w _ table _ maxcolnum==void 0){ _ w _ table _ maxcolnum=0;} _ w _ table _ first TD=_ w _ table _ current TD=_ w _ table _ SPanNum=0;$(_ w _ table _ id ' tr : th-child(' _ w _ table _ row num ')).每个(函数(i){ _w_table_Obj=$(this).儿童();_w_table_Obj。每个(函数(I){ if(I==0){ _ w _ table _ first TD=$(this);_ w _ table _ SPanNum=1;} else if((_ w _ table _ maxcolnum 0)(I _ w _ table _ maxcolnum)){ return " ";} else { _ w _ table _ current TD=$(this);if(_ w _ table _ first TD。text()==w _ table _ current TD。text()){ _ w _ table _ SPanNum;_ w _ table _ current TD。hide();//移除();_w_table_firsttd.attr('colSpan ',_ w _ table _ SPanNum);} else { _ w _ table _ first TD=$(this);_ w _ table _ SPanNum=1;} } });});}$(文档)。ready(function(){//_ w _ table _ row span(# process),4);//_w_table_rowspan('#process ',3);//_w_table_rowspan('#process ',2);_ w _ table _ row span("# process ",1);});/脚本/正文/html测试使用了一下,很赞!

以上就是本文的全部内容,希望大家喜欢。

更多资讯
游戏推荐
更多+