将.animate()应用于使用.after()添加的行

Question

所以我目前使用以下内容:

$.ajax({
    type: "GET",
    url: "file.php",
    success: function(html) {
        $("#tableRow").after(html);
    }
});

它巧妙地将新行(或行)添加到现有表中.file.php返回:

<tr><td>stuff</td></tr>

我可以一次添加一行.我正在尝试为新添加的行设置动画,例如:

$("#tableRow").after(html).animate({ backgroundColor: "#bce4b4" }, "fast")

但这突出了我之后添加新行的行.我不能让它适用于那个新行.我怎样才能做到这一点？

更新:

基于给出的答案,我将它们放在一起:http: //jsfiddle.net/jreljac/5ctpc/3/我在哪里执行以下操作:

$("<tr><td>2 1</td><td>2 2</td></tr>").insertAfter("#tableRow").animate({
    backgroundColor: "#bce4b4"
}, "slow");

(我替换了file.php将提供的文本")并且这似乎不起作用.它创建了行但没有动画.我错过了一些简单的东西吗？

Answer 1

用户insertAfter改为.然后它将为正确的行设置动画.

$(html).insertAfter("#tableRow").animate(...