求解！看似简单的JS操作DOM问题，但是实际上真的比较复杂

Question

是这样的，要用JS写一个TABLE操作类，包括合并、切分、删除单元格的操作
但是实际上使用时，发现table的rowspan和colspan这两个属性不是那么容易琢磨，比如：<table width="100" border="1" cellspacing="0" cellpadding="5">
  <tr>
    <td>A</td>
    <td rowspan="2">B</td>
    <td>C</td>
  </tr>
  <tr>
    <td rowspan="2">D</td>
    <td>E</td>
  </tr>
  <tr>
    <td>F</td>
    <td>G</td>
  </tr>
</table>如果把C和E合并时，结果显示出的表格应该与各位想象中的大相径庭！为什么？求解

Answer 1

$("td:contains('C')").attr("colspan",2);
$("td:contains('E')").remove();这样 ？接个分 ~

Answer 2

简单说来   就是rowspan=2已经占了2个TD 所以要把下一个隐藏

Answer 3

我设计了一个算法，把TABLE解释成一个二维数组，把合并、拆分TD转成对这个二维数组的操作，然后再把数组解析还原为TABLE。因为JS的执行效率还不错，所以除非你弄个500行500列以上的表格才会感觉到速度变慢。整理了一下我一楼的问题，就是，循环遍历二维数组中各行，此行不存在rowspan和colspan都为1的td时，删除这行，这样就对了。