使用jquery将带有rowspan的列添加到表中

Question

我有一个2列6行表，它是由框架生成的，所以我无法控制最初构建表的方式。

我想在右边添加第三列，使用jQuery跨越所有6行。该表具有id，但行和单元格没有定义功能。

这基本上是生成的表：

<table id="tbl1">
  <tr>
    <td>...</td>
    <td>...</td>
  </tr>
  <tr>
    <td>...</td>
    <td>...</td>
  </tr>
  ...
</table>

在jquery完成其魔术之后，这就是我想要的样子：

<table id="tbl1">
  <tr>
    <td>...</td>
    <td>...</td>
    <td rowspan="6">some new data</td>
  </tr>
  <tr>
    <td>...</td>
    <td>...</td>
  </tr>
  ...
</table>

我正在使用jQuery版本1.7.1

Answer 1

$('#tbl1 tr').eq(0).append("<td rowspan='6'>some new data</td>");

你可以在这里看到这个工作的jsFiddle：http://jsfiddle.net/CDUq5/