資源描述:
《使用jquery實現(xiàn)頁面表格中相同內(nèi)容的行或列合并》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。
1、網(wǎng)上找到的jQuery方法://函數(shù)說明:合并指定表格(表格id為_w_table_id)指定列(列數(shù)為_w_table_colnum)的相同文本的相鄰單元格//參數(shù)說明:_w_table_id為需要進(jìn)行合并單元格的表格的id。如在HTMl中指定表格id="data",此參數(shù)應(yīng)為#data//參數(shù)說明:_w_table_colnum為需要合并單元格的所在列。為數(shù)字,從最左邊第一列為1開始算起。function_w_
2、table_rowspan(_w_table_id,_w_table_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{_
3、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("rowSpan",_w_table_SpanNum);}else{_w_table_firsttd=$(this);_w_table_SpanNum=1;}}});}//函數(shù)說明:合并指定表格(表格i
4、d為_w_table_id)指定行(行數(shù)為_w_table_rownum)的相同文本的相鄰單元格//參數(shù)說明:_w_table_id為需要進(jìn)行合并單元格的表格id。如在HTMl中指定表格id="data",此參數(shù)應(yīng)為#data//參數(shù)說明:_w_table_rownum為需要合并單元格的所在行。其參數(shù)形式請參考jQuery中nth-child的參數(shù)。//如果為數(shù)字,則從最左邊第一行為1開始算起。//"even"表示偶數(shù)行//"odd"表示奇數(shù)行//"3n+1"表示的行數(shù)為1、4、7、10.......//參數(shù)說明:
5、_w_table_maxcolnum為指定行中單元格對應(yīng)的最大列數(shù),列數(shù)大于這個數(shù)值的單元格將不進(jìn)行比較合并。//此參數(shù)可以為空,為空則指定行的所有單元格要進(jìn)行比較合并。function_w_table_colspan(_w_table_id,_w_table_rownum,_w_table_maxcolnum){if(_w_table_maxcolnum==void0){_w_table_maxcolnum=0;}_w_table_firsttd="";_w_table_currenttd="";_w_table
6、_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;}elseif((_w_table_maxcolnum>0)&&(i>_w_table_maxcolnum)){return"";}
7、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;}}});});}
8、>下面是本人寫的測試頁面:1:合并相同行的測試頁面
$(document).ready(function()