用js,如何让像这样的表格
变成这样的表格
也就是说如何把第一列中,把名称相同的合为一行,第二列也是这样
用js,如何让像这样的表格
变成这样的表格
也就是说如何把第一列中,把名称相同的合为一行,第二列也是这样
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
" http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
function mergeTable()
{
var table = document.getElementById("t1");
table.rows[0].cells[1].rowSpan = 2;
for(var i=1;i<2;i++)
{
table.rows[i].deleteCell(1);
}
table.rows[3].cells[1].rowSpan = 2;
for(var i=4;i<5;i++)
{
table.rows[i].deleteCell(1);
}
table.rows[0].cells[0].rowSpan = 5;
for(var i=1;i<5;i++)
{
table.rows[i].deleteCell(0);
}
table.rows[5].cells[1].rowSpan = 2;
for(var i=6;i<7;i++)
{
table.rows[i].deleteCell(1);
}
table.rows[7].cells[1].rowSpan = 3;
for(var i=8;i<10;i++)
{
table.rows[i].deleteCell(1);
}
table.rows[5].cells[0].rowSpan = 5;
for(var i=6;i<10;i++)
{
table.rows[i].deleteCell(0);
}
}
</script>
</head>
<body>
<table id="t1" width="766" border="1">
<tr>
<td width="496">天空之城</td>
<td width="80">2010-8-21</td>
<td width="80">9:00</td>
<td width="82"><a href="#">订票</a></td>
</tr>
<tr>
<td>天空之城</td>
<td>2010-8-21</td>
<td>9:00</td>
<td><a href="#">订票</a></td>
</tr>
<tr>
<td>天空之城</td>
<td>2010-8-22</td>
<td>9:00</td>
<td><a href="#">订票</a></td>
</tr>
<tr>
<td>天空之城</td>
<td>
2010-8-22</td>
<td>9:00</td>
<td><a href="#">订票</a></td>
</tr>
<tr>
<td>天空之城</td>
<td>2010-8-23</td>
<td>9:00</td>
<td><a href="#">订票</a></td>
</tr>
<tr>
<td>龙猫</td>
<td>2010-8-23</td>
<td>9:00</td>
<td><a href="#">订票</a></td>
</tr>
<tr>
<td>龙猫</td>
<td>2010-8-23</td>
<td>9:00</td>
<td><a href="#">订票</a></td>
</tr>
<tr>
<td>龙猫</td>
<td>2010-8-23</td>
<td>9:00</td>
<td><a href="#">订票</a></td>
</tr>
<tr>
<td>龙猫</td>
<td>2010-8-24</td>
<td>9:00</td>
<td><a href="#">订票</a></td>
</tr>
<tr>
<td>龙猫</td>
<td>2010-8-25</td>
<td>9:00</td>
<td><a href="#">订票</a></td>
</tr>
</table>
<p><input id="btnmerge" name="btnmerge" value="合并" type="button" onclick="mergeTable()"></p>
</body>
</html>
有个点疑问。不晓得你的数据是从哪里来的。就上面表格而言:
如果在 (耳朵大有福)下面再次出现了(集结号)这时候需要把数据和上面的(集结号)合并吗。
这个你要说清楚。