使用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>')

演示:小提琴