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

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

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

ONE

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

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

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

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

1、在html的head中引入jQuery

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

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

//函數(shù)說(shuō)明:合并指定表格(表格id為_(kāi)w_table_id)指定列(列數(shù)為_(kāi)w_table_colnum)的相同文本的相鄰單元格
//參數(shù)說(shuō)明:_w_table_id 為需要進(jìn)行合并單元格的表格的id。如在HTMl中指定表格 id="data" ,此參數(shù)應(yīng)為 #data
//參數(shù)說(shuō)明:_w_table_colnum 為需要合并單元格的所在列。為數(shù)字,從最左邊第一列為1開(kāi)始算起。
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ù)說(shuō)明:合并指定表格(表格id為_(kāi)w_table_id)指定行(行數(shù)為_(kāi)w_table_rownum)的相同文本的相鄰單元格
//參數(shù)說(shuō)明:_w_table_id 為需要進(jìn)行合并單元格的表格id。如在HTMl中指定表格 id="data" ,此參數(shù)應(yīng)為 #data
//參數(shù)說(shuō)明:_w_table_rownum 為需要合并單元格的所在行。其參數(shù)形式請(qǐng)參考jQuery中nth-child的參數(shù)。
// 如果為數(shù)字,則從最左邊第一行為1開(kāi)始算起。
// "even" 表示偶數(shù)行
// "odd" 表示奇數(shù)行
// "3n+1" 表示的行數(shù)為1、4、7、10.
//參數(shù)說(shuō)明:_w_table_maxcolnum 為指定行中單元格對(duì)應(yīng)的最大列數(shù),列數(shù)大于這個(gè)數(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)文章

最新評(píng)論

成武县| 宿州市| 雅江县| 宾阳县| 贵溪市| 和静县| 电白县| 阿克陶县| 内江市| 大安市| 金门县| 荆门市| 合江县| 沿河| 彭水| 临夏县| 苏尼特右旗| 琼海市| 革吉县| 乐都县| 桦南县| 黎城县| 大埔区| 道孚县| 瓦房店市| 平山县| 读书| 拉孜县| 稷山县| 宜君县| 濮阳市| 靖宇县| 玉田县| 图们市| 讷河市| 南和县| 揭东县| 深泽县| 灯塔市| 巴塘县| 连州市|