jquery - 如何让新插入的标签占据表格的总宽度

Question

我有一个表，我正在动态插入一个新行。它仅包含在 td 上。但它只占用一个 td 宽度，如 here
如何使新插入的tr占据表格的总宽度。

 Here number of td s are not fixed.That is, it is not always 3.  

这是我的 HTML

<table>
    <tr><td>1</td><td>2</td><td>3</td></tr>
    <tr id='a'><td>4</td><td>5</td><td>6</td></tr>
    <tr><td>7</td><td>8</td><td>9</td></tr>
</table>

这是我的代码

$('<tr id="b" style="background-color:blue"><td >new</td></tr>').insertBefore($('#a'));

这里是fiddle Handlebars 放在..

Answer 1

添加colspan到<td>元素:

$('<tr id="b" style="background-color:blue"><td colspan="3">new</td></tr>').insertBefore($('#a'));

http://jsfiddle.net/WAuw4/5/

编辑

如果您不知道表格中的单元格数量:

var colspan = $('#a td').length;
$('<tr id="b" style="background-color:blue"><td colspan="' + colspan + '">new</td></tr>').insertBefore($('#a'));