jquery合并表格

今天药忘吃喽~ 2022-09-30 06:17 257阅读 0赞

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

<HTMLxmlns="http://www.w3.org/1999/xhtml">

<HEADid="Head1">

<SCRIPTtype="text/javascript" src="jquery-1.4.1.js"></SCRIPT>

<SCRIPTtype="text/javascript">

//函数说明：合并指定表格（表格id为table\_id）指定列（列数为table\_colnum）的相同文本的相邻单元格

//参数说明：table\_id 为需要进行合并单元格的表格的id。如在HTMl中指定表格 id="table1" ，此参数应为 \#table1

//参数说明：table\_colnum 为需要合并单元格的所在列。为数字，从最左边第一列为1开始算起。

function table\_rowspan(table\_id, table\_colnum) \{

table\_firsttd = "";

table\_currenttd = "";

table\_SpanNum = 0;

colnum\_Obj = $(table\_id + " tr td:nth-child(" \+ table\_colnum + ")");

colnum\_Obj.each(function (i) \{

if (i == 0) \{

table\_firsttd = $(this);

table\_SpanNum = 1;

\} else \{

table\_currenttd = $(this);

if (table\_firsttd.text() == table\_currenttd.text()) \{

table\_SpanNum++;

table\_currenttd.hide(); //remove();

table\_firsttd.attr("rowSpan", table\_SpanNum);

\} else \{

table\_firsttd = $(this);

table\_SpanNum = 1;

\});

//函数说明：合并指定表格（表格id为table\_id）指定行（行数为table\_rownum）的相同文本的相邻单元格

//参数说明：table\_id 为需要进行合并单元格的表格id。如在HTMl中指定表格 id="table1" ，此参数应为 \#table1

//参数说明：table\_rownum 为需要合并单元格的所在行。其参数形式请参考jQuery中nth-child的参数。

//          如果为数字，则从最左边第一行为1开始算起。

//          "even" 表示偶数行

//          "odd" 表示奇数行

//          "3n+1" 表示的行数为1、4、7、10.......

//参数说明：table\_maxcolnum 为指定行中单元格对应的最大列数，列数大于这个数值的单元格将不进行比较合并。

//          此参数可以为空，为空则指定行的所有单元格要进行比较合并。

function table\_colspan(table\_id, table\_rownum, table\_maxcolnum) \{

if (table\_maxcolnum == void 0) \{

table\_maxcolnum = 0;

table\_firsttd = "";

table\_currenttd = "";

table\_SpanNum = 0;

$(table\_id + " tr:nth-child(" \+ table\_rownum + ")").each(function (i) \{

row\_Obj = $(this).children();

row\_Obj.each(function (i) \{

if (i == 0) \{

table\_firsttd = $(this);

table\_SpanNum = 1;

\} else if ((table\_maxcolnum > 0) && (i > table\_maxcolnum)) \{

return "";

\} else \{

table\_currenttd = $(this);

if (table\_firsttd.text() == table\_currenttd.text()) \{

table\_SpanNum++;

table\_currenttd.hide(); //remove();

table\_firsttd.attr("colSpan", table\_SpanNum);

\} else \{

table\_firsttd = $(this);

table\_SpanNum = 1;

\});

$(document).ready(function () \{

table\_rowspan("\#mytable", 1);

table\_colspan("\#mytable", 2, null);

table\_colspan("\#mytable", 4, null);

\})

</SCRIPT>

</HEAD>

<body>

<tableid=mytable  border=1 cellspacing=1 cellpadding=1  width="50%"  align=center>

<tr>

<td>望城县城西电信公司</td>

<tr>

<td>望城县城西电信公司</td>

<tr>

<td>高塘岭电信公司</td>

<tr>

<td>高塘岭电信公司</td>

<tr>

<td>高塘岭电信公司</td>

</table>

</body>

</html>

![0_13031094220p2v.gif][]

[0_13031094220p2v.gif]: /images/20220708/7a8d623a51524cab82f5b4adfd51048f.png

jquery合并表格

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关用jquery合并（去重）html表格中相同内容

相关合并表格

相关 jquery合并表格

相关 jquery 生成表格，拆分，合并

相关合并表格第一列

相关 Jquery表格操作

相关 jquery操作表格

相关用jQuery合并表格中相同文本的相邻单元格

相关 html table 表格行合并列合并

相关 html 表格合并案例、多个表格合并去除重边框