在jQuery中将一列的内容复制到另一列

以下jQuery非常慢（约7秒）。 我显然做错了！

我正在尝试将列col的内容复制到HTML表中的第0列，因此如果col为2，那么我需要将第2列复制到第0列。

 for (var i=0;i<31;i++) $('.grid tr:nth-child(' + i + ') td:first-child').text( $('.grid tr:nth-child(' + i + ') td:nth-child(' + col + ')').text() ); 

HTML：

 
 
A
D
G
 
B
E
H
 
C
F
I
   

Answer 1

您无需单独选择每个表格单元格。 您可以选择源列和目标列并迭代它们：

 // Get the target column table cells. This will select the first cell from // each row in the table. var target = $('.grid tr td:first-child'); // Iterate over each cell in the source column and copy its text to the // corresponding cell in the target column. $('.grid tr td:nth-child(' + (col + 1) + ')').each(function (rowIndex) { target.slice(rowIndex, rowIndex + 1).text($(this).text()); }); 

Answer 2

另外一个选项。 不确定哪个会运行得更快。 我只是删除了第一列，因为它将被替换，然后在选择的列前面添加：

 col = 2; $('.grid td:first-child').remove(); $('.grid td:nth-child('+(--col)+')').each(function(){ $(this).parent('tr').prepend(''+$(this).text()+''); }); 

看看： 这里 。