Question

I am attempting to move a table row from 1 table to another, appending to the last row in the table.

function transfer()
{
  $('#gallery_' + galleryID).fadeOut(function(){
      $(this).appendTo('#tbl_proofed tr:last').fadeIn();
  });
}

This is appending it within the last tag, how do I go about appending after. May just have to use another method but was trying this because it copies all the element and its children.

Thanks!

Answer 1

simply replace .append() with .after() and add .next() to target the moved row.

function transfer()
{
  $('#gallery_' + galleryID).fadeOut(function(){
      $(this).after('#tbl_proofed tr:last').next().fadeIn();
  });
}

Edit: i may have mis-interpreted your question. If you wanted the copy to go in the other direction, it would be: .insertAfter()

function transfer()
{
  $('#gallery_' + galleryID).fadeOut(function(){
      $(this).insertAfter('#tbl_proofed tr:last').fadeIn();
  });
}