使用jQuery插入表列

我有一个数据表，我需要动态添加列。 让我说我有这个基本的表开始：

 
cell 1
cell 2
cell 3
 
cell 1
cell 2
cell 3
 
cell 1
cell 2
cell 3
  

我想在每一行的单元格1和单元格2之间插入一个列…我已经尝试了这个，但它只是没有像我期望的那样工作…

 $(document).ready(function(){ $('table').find('tr').each(function(){ $(this).prepend('cell 1a'); }) }) 

Answer 1

试试这个：

 $(document).ready(function(){ $('table').find('tr').each(function(){ $(this).find('td').eq(0).after('cell 1a'); }); }); 

您的原始代码会将列添加到每行的末尾，而不是列之间。 这将找到第一列并将单元格添加到第一列旁边。

Answer 2

 $('table > tr > td:first-child').after( 'cell 1a' ); 

tr > td选择td之后的第一级td ，并after元素外部插入数据after 。

Answer 3

 $('td:first-child').after('<td>new cell</td>');