使用jQuery将列添加到表中

Question

是否可以将列添加到现有表中，如下所示：

<table id="tutorial" width="600" border="0">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

用js？

Answer 1

你可以这样做

 $('#tutorial').find('tr').each(function(){
        $(this).find('td').eq(n).after('<td>new cell added</td>');
   });

n可以替换为要添加新列的列之后的数字

Answer 2

您可以使用.append()向行

附加新的td

$('#tutorial tr').append('<td>new</td>')

演示：Fiddle

Answer 3

你的意思是列不是行？

$('#tutorial tr').each(function()
{
    $(this).append('<td></td>');
});

选择id“tutorial”中的<tr>元素（这是你的表就是这种情况）并在其原始内容后面添加新内容

Answer 4

上述选项的另一个选择是将列与另一个列和display:none;样式一起创建，然后使用method .Show()进行显示。