js怎么合并单元格并相加

JavaScript018

js怎么合并单元格并相加,第1张

可以用jquery 实现，举个例子$('table').find('td').get(1).val()+$('table').find('td').get(2).val() 这是两单元格的值，然后用jquery remove掉这两个并插入一个单元格，把值弄进去就OK了。

为什么要用js呢？table本身就有合并单元格的功能，其实如果你用js也是给table添加对应的样式。具体代码如下：

<style>

table{ border-collapse:collapse}

table td{ border:2px solid #ddd width:50px height:25px text-align:center}

</style>

<table>

  <tr>

    <td colspan="2">123</td> //横向合并单元格

    <td>456</td>

    <td>789</td>

  </tr>

  <tr>

    <td rowspan="2">123</td> //竖向合并单元格

    <td>456</td>

    <td>456</td>

    <td>456</td>

  </tr>

  <tr>

    <td>123</td>

    <td>456</td>

    <td>456</td>

  </tr>

</table>

获取值的方式是对的

用个固定的位置示例:

if (tb.rows[0].cells[0].innerHTML == tb.rows[1].cells[0].innerHTML) {

//伪代码

tb.rows[1].deleteCell(0)

tb.rows[0].cells[0].rowspan =2

}