永发信息网

如何将相同的合并为一行在table中js

答案:2  悬赏:0  手机版
解决时间 2021-08-15 01:50

用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>

全部回答

有个点疑问。不晓得你的数据是从哪里来的。就上面表格而言:

如果在 (耳朵大有福)下面再次出现了(集结号)这时候需要把数据和上面的(集结号)合并吗。

这个你要说清楚。

我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
100度的水比重是多少
稀土元素电子排列的特点是什么?
8G版x6最新报价
假如你们分手了,可你还是在想她,你还会去找
can you make a----------(describe)of the
禹州市许昌大自然粮油公司配送中心哪位知道具
行星齿轮行星架转速的计算
龙之谷公会升级列表?
谁帮我做个“颜”字
QQ飞车三级跳什摸时候能得到奖励?
重新分区,再重装系统还是中毒?
概率为什么可以相乘?
iphone除了91哪还能下载游戏?
为什么相亲这种说法到现在还存在啊?
网吧为什么不能用QQ堂的挂啊?
推荐资讯
怎样弄才能使空间变的比黄钻还好
三星U608 经常黑机 、感应键有时自己闪、怎么
Ferarri是什么牌子?
兰州公务员考试培训
唱黑执事一片头曲的组合唱是?
想我以前的女朋友了,怎么办?
孔雀会飞吗?孔雀是爱情吗?
守卫剑阁-时之章1.1测试空间原铁怎样合神器
杜尔伯特蒙古族自治县大庆义德火理疗会馆这个
JAVA程序,出现这个是什么意思
我们的爱是什么,
乐天玛特的食品、百货部门经理日常都负责些什
正方形一边上任一点到这个正方形两条对角线的
阴历怎么看 ?