fadeOutの行と最後の行としてのフェードイン

Question

私は行をフェードアウトしようとしていて、テーブルの最後の行としてフェードインしようとしていますが、フェードインを動作させることができません。

現在、私はこれを持っている：私はフェードインlastRow.after（行）をオフのままに

​​

場合であっても動作していないようです。

Answer 1

.after()戻りlastRow、ないあなたが望むようにあなたがそれの後に挿入された行なので、このよう.insertAfter()を使用します。

function Test(control) { 
    var row = $(control).closest('tr'); 
    row.fadeOut('slow', function() { 
    row.insertAfter("#table1 tr:last").fadeIn('slow'); 
    }); 
} 

はまた、我々は、我々は戻って、個々のない、フェードインしている<tr>フェージングしている注意してください<td>要素（子供が隠れている場合は、元の親を元に戻すと助けになりません）。また.parents()の代わりに.closest()を見てください...それはずっと安く/より正確です。

function Test(control) { 
    $(control).closest('tr').fadeOut('slow', function() { 
    $(this).insertAfter("#table1 tr:last").fadeIn('slow'); 
    }); 
} 

Answer 2

これはどう：

$('tr').fadeOut(500, function(){ 
     $(this).appendTo('table').fadeIn(500); 
    }); 

Try it

Answer 3

することができます

---

上記は、修正されたバージョンを表示することを意図した、あなたはそれがダウンにスリムにもできました同じく使用する

$(this).fadeIn('slow').insertAfter("#table1 tr:last")