jQuery的合并表格中相同文本的相邻单元格的代码

时间:2020-11-11 17:15:41 jQuery Mobile 我要投稿

jQuery的合并表格中相同文本的相邻单元格的代码

  jQuery的合并表格中相同文本的相邻单元格的代码

  ONE

  已经生成的数据表格大致内容如下:

  广东深圳00028红花油广东深圳00028红花油广东深圳00028红花油广东广州00027白花油广东广州00028红花油广东深圳00028红花油广东深圳00028红花油广东深圳00028红花油广东深圳00028红花油

  需要将前四列具有相同文本的相邻单元格进行自动合并,合并后如下:

  广东深圳00028红花油广州00027白花油00028红花油深圳

  1、在html的.head中引入jQuery

  2、添加合并单元格的函数

  复制代码 代码如下:

  //函数说明:合并指定表格(表格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_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;

  }

  }

  });

  }

  //函数说明:合并指定表格(表格id为_w_table_id)指定行(行数为_w_table_rownum)的相同文本的相邻单元格

  //参数说明:_w_table_id 为需要进行合并单元格的表格id。如在HTMl中指定表格 id="data" ,此参数应为 #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_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中调用合并函数合并单元格

  复制代码 代码如下:

地区地区商品代码商品名称数量有效期至距效期(月)产品批号规格单位条形码地区地区商品代码商品名称数量有效期至距效期(月)产品批号规格单位条形码

【jQuery的合并表格中相同文本的相邻单元格的代码】相关文章:

1.jQuery实现的拖动调整表格单元格的大小代码实例

2.基于jQuery的固定表格头部的代码

3.excel中如何合并单元格

4.jquery提交按钮的代码

5.jquery中EasyUI同步树的实现代码

6.jquery异步请求的实例代码

7.excel如何合并单元格的方法

8.excel合并单元格的方法介绍