jqueryテーブルの最初の行を削除します

Question

私は最初の行を削除してテーブルの新しい項目に追加する素晴らしい移行が必要です。

$.getJSON('/Home/GetRecentPosts/', { count:1 }, function(data) { 
     $('#recentPosts tr:first').fadeOut(2000); 
     $('#recentPosts').append($('<tr><td>'+data[0].SchoolName+'</td></tr>').hide().fadeIn(2000)); 
    }); 

これは初めてgetJsonを実行するときに機能します。助けてください。 ありがとう

Answer 1

を試し、DOMから要素を削除したい場合

はまた、私は別のラインにしたい機能の各項目を分離しようとしました。これがあなたの後ろでない場合は、うまくいけば、あなたのニーズに合わせて以下のコードを調整するのは難しいことではありません。

$.getJSON(
    '/Home/GetRecentPosts/', 
    { count:1 }, 
     removeFirstRowAndAppendNewItem(data) 
    ); 

function removeFirstRowAndAppendNewItem(data) 
{ 
    console.log("in callback"); // to confirm we have reached here 
    $('#recentPosts tr:first').fadeOut(2000, function() { 
     $('#recentPosts tr:first').remove(); 
     newRow = $('<tr><td>'+data[0].SchoolName+'</td></tr>').hide(); 
     $('#recentPosts').append(newRow) 
     newRow.fadeIn(2000)); 
    }); 
} 

基本的には：最初の行のうち

• フェード
• DOM
• から最初の行を削除すること
• は、新しい要素を追加隠しスタイリングを持つ新しい要素を作成しますテーブルへ
• 新しい要素でフェードイン

（注：それは一緒にこれらのステップを組み合わせることが可能です）

Answer 2

これを試してください。

$('#recentPosts tr:visible:first').fadeOut(2000); 

$('#recentPosts tr:first').fadeOut(2000); 

は、最初のJSON呼び出しの最初の要素を非表示になっていたので。今、目に見えない最初の要素をフェードアウトさせようとしています。したがって、:visibleフィルタを使用して、期待される結果を得ることができます。あなたはこの

$('#recentPosts tr:first').fadeOut(2000, function(){ 
    $(this).remove(); 
}); 

Answer 3

これを試してみてください：

$.ajax({ 
beforeSend: function(){ 
// Handle the beforeSend event 
}, 
complete: function(){ 
// Handle the complete event 
} 
// ...... 
});