jquery - 如何将 jQuery hide() 然后 fadeIn() 压缩为一行？

Question

我正在使用 jQuery 向表中添加新行，并根据需要使行淡入，但只能通过两次调用，第一个用于after在表末尾添加新行，然后我使用hide后跟fadeIn获取影响。我想压缩这个

$(document).ready(function ($) {
    $("button").click(function () {
        $.get('@Url.Action("AddCalculatorRow", "Workshop", 
                           new { id = Model.Id } )', function (data) {
            $('.calculator').find("tbody tr:last").after(data);
            $('.calculator').find("tbody tr:last").hide().fadeIn(2000);
        });
    });
});

重复告诉我必须有一种更优雅的方式来实现外观。但是，如果我这样做

$('.calculator').find("tbody tr:last").after(data).hide().fadeIn(2000); 

然后立即显示添加的行，最后一行隐藏并淡入......这看起来很糟糕。

Answer 1

添加新内容后只需定位下一个元素。

$('.calculator').find("tbody tr:last").after(data).next().hide().fadeIn(2000);

或交换它：

$(data).hide().appendTo('.calculator tbody').fadeIn(2000);

在使用数据之前继续解析数据也很聪明，但这完全是可选的：

$($.parseHTML(data)).hide().appendTo('.calculator tbody').fadeIn(2000);