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

【问题标题】：Add a column with rowspan to a table using jquery使用 jquery 将具有行跨度的列添加到表中
【发布时间】：2013-04-11 08:53:14
【问题描述】：

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

【问题讨论】：

问题是什么？
那么，您在 JQuery 中尝试过什么......？

标签： jquery

【解决方案1】：

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

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

【讨论】：

没问题。乐于助人。