jQuery append () только определенные столбцы

Question

У меня есть две таблицы на моей странице. Первый имеет три столбца, а второй - два. Средний столбец на первой таблице - это изображение, которое, когда вы щелкаете по нему, перемещает эту строку вниз ко второй таблице. На данный момент у меня есть

$('table td img.add').live('click', (function() {
  $('table#tblName').append( $(this).closest('tr') );
}));

Который работает. Строка убирается из первой таблицы и ставится внизу второй. Единственная проблема в том, что я хочу переместить только 1-й и 3-й столбцы. Я попытался добавить средний столбец во вторую таблицу и затем с помощью jQuery скрыть его при загрузке страницы, но как только я добавил строку, эта новая строка имеет три ячейки.

Answer 1

это должно работать.

$('table td img.add').live('click', (function() {
  var parent = $(this).closest('tr');
  // remove the middle td
  $(this).closest('td').remove();
  $('table#tblName').append( parent );
}));