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

我试图将您想要的每个功能项分成一个单独的行.如果这不是您所追求的,那么希望不应该很难调整以下代码以满足您的需求.

$.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中删除第一行
• 创建一个新元素,使用隐藏它的样式
• 将新元素附加到表中
• 淡入新元素

(注意:可以将这些步骤组合在一起)