jquery - 使用 jquery 将具有行跨度的列添加到表中

Question

我有一个由框架生成的 2 列 x 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/