Скопируйте содержимое одного столбца в другой в jQuery

Question

Следующий jQuery очень медленный (~ 7 секунд).Я явно делаю это неправильно!

Я пытаюсь скопировать содержимое столбца col в столбец 0 в таблице HTML, поэтому, если 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:

<table>
  <tr><td>A</td><td>D</td><td>G</td></tr>
  <tr><td>B</td><td>E</td><td>H</td></tr>
  <tr><td>C</td><td>F</td><td>I</td></tr>
  <!-- etc. -->
</table>

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('<td>'+$(this).text()+'</td>');
});

Проверьте это: здесь .