使用jQuery实现页面表格中相同内容的行或列合并.doc

《使用jQuery实现页面表格中相同内容的行或列合并.doc》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

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_tabl

2、e_colnum){_w_table_firsttd="";_w_table_currenttd="";_w_table_SpanNum=0;_w_table_Obj=$(_w_table_id+"trtd: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_cur

3、renttd.text()){_w_table_SpanNum++;_w_table_currenttd.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="da

4、ta"，此参数应为#data//参数说明：_w_table_rownum为需要合并单元格的所在行。其参数形式请参考jQuery中nth-child的参数。//如果为数字，则从最左边第一行为1开始算起。//"even"表示偶数行//"odd"表示奇数行//"3n+1"表示的行数为1、4、7、10.......//参数说明：_w_table_maxcolnum为指定行中单元格对应的最大列数，列数大于这个数值的单元格将不进行比较合并。//此参数可以为空，为空则指定行的所有单元格要进行比较合并。function_w_table_colspan(_w_table_id,_w_table_r

5、ownum,_w_table_maxcolnum){if(_w_table_maxcolnum==void0){_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_firstt

6、d=$(this);_w_table_SpanNum=1;}elseif((_w_table_maxcolnum>0)&&(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

7、{_w_table_firsttd=$(this);_w_table_SpanNum=1;}}});});}下面是本人写的测试页面：1：合并相同行的测试页面$(document).ready(function()