使用jQuery添加一個帶有rowspan的列到一個表格

Question

我有一個由框架生成的6列表的2列，所以我無法控制表最初是如何構建的。

我想通過使用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/