Добавьте столбец с rowspan в таблицу с помощью jquery

Question

У меня есть таблица из двух столбцов на шесть строк, которая создается каркасом, поэтому я не могу контролировать, как изначально была создана таблица.

Я хочу добавить третий столбец справа, который охватывает все 6 строк, используя jQuery. Таблица имеет идентификатор, но строки и ячейки не имеют определяющих признаков.

Это в основном генерируется таблица:

<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/