最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

基于jQuery的合并表格中相同文本的相鄰單元格的代碼

 更新時間:2011年04月06日 22:21:32   作者:  
有時候需要合并表格中相同文本的相鄰單元格,需要的朋友可以參考下。

ONE

已經(jīng)生成的數(shù)據(jù)表格大致內(nèi)容如下:

地區(qū) 地區(qū) 商品代碼 商品名稱 數(shù)量 有效期至 距效期(月) 產(chǎn)品批號 規(guī)格 單位 條形碼
廣東 深圳 00028 紅花油              
廣東 深圳 00028 紅花油              
廣東 深圳 00028 紅花油              
廣東 廣州 00027 白花油              
廣東 廣州 00028 紅花油              
廣東 深圳 00028 紅花油              
廣東 深圳 00028 紅花油              
廣東 深圳 00028 紅花油              
廣東 深圳 00028 紅花油              

需要將前四列具有相同文本的相鄰單元格進(jìn)行自動合并,合并后如下:

地區(qū) 地區(qū) 商品代碼 商品名稱 數(shù)量 有效期至 距效期(月) 產(chǎn)品批號 規(guī)格 單位 條形碼
廣東 深圳 00028 紅花油              
             
             
廣州 00027 白花油              
00028 紅花油              
深圳              
             
             
             

1、在html的head中引入jQuery

2、添加合并單元格的函數(shù)

復(fù)制代碼 代碼如下:

//函數(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_table_rowspan(_w_table_id,_w_table_colnum){
_w_table_firsttd = "";
_w_table_currenttd = "";
_w_table_SpanNum = 0;
_w_table_Obj = $(_w_table_id + " tr td: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_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ù)說明:合并指定表格(表格id為_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ù)說明:_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 == void 0){_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_firsttd = $(this);
_w_table_SpanNum = 1;
}else if((_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{
_w_table_firsttd = $(this);
_w_table_SpanNum = 1;
}
}
});
});
}

3、在html的head中調(diào)用合并函數(shù)合并單元格
復(fù)制代碼 代碼如下:

<script type="text/javascript"><!--
$(document).ready(function(){
_w_table_rowspan("#spdata",4);
_w_table_rowspan("#spdata",3);
_w_table_rowspan("#spdata",2);
_w_table_rowspan("#spdata",1);
});
// -->
</script>

相關(guān)文章

最新評論

乐至县| 吉林省| 临汾市| 台中市| 自治县| 天全县| 绥江县| 普兰店市| 墨竹工卡县| 朝阳区| 乌拉特后旗| 高要市| 景谷| 南通市| 庐江县| 开封县| 呼玛县| 南城县| 宜丰县| 静安区| 南皮县| 清水县| 咸宁市| 册亨县| 海丰县| 衡南县| 台湾省| 南溪县| 阜阳市| 元朗区| 信丰县| 天气| 黔东| 阿拉善盟| 乐亭县| 通江县| 朝阳县| 南充市| 新邵县| 米脂县| 天津市|