jQuery Mobile

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

时间:2024-09-14 20:52:09 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的合并表格中相同文本的相邻单元格的代码】相关文章:

在excel单元格中画表格的方法01-04

详细解答CSS中相同元素不同结构重复定义的问题08-29

EXCEL表格中数据透视表怎么用05-24

数控编程代码大全02-13

调整Excel单元格宽度的方法02-07

在excel表格中怎么设置水平垂直居中对齐?04-13

Java代码的基本知识09-03

企业合并的审计重点02-11

Excel单元格怎么设置自动闪烁提醒06-08

网页滚动文字的制作HTML代码04-10