Ajax：在顶部追加列表项

Question

我正在使用ajax调用php处理文件，并附加返回的HTML以使用下面的代码

$.ajax({
    type: "POST",
    url: "proc/process.php",
    data: dataString,
    cache: false,
    success: function(html){
        $("ul#lists").append(html);
        $("ul#lists li:last").fadeIn("slow");
        $("#flash").hide();
    }   
});

它在ul＃lists的末尾追加<li></li>项。我希望返回的列表项<li></li>位于列表顶部，而不是在最后添加。我该怎么办？

Answer 1

您可以尝试.prepend()功能：

$("ul#lists").prepend(html);
$("ul#lists li:first").fadeIn("slow");

这是一个live demo。

Answer 2

这是你想要的：

$.ajax({
type: "POST",
url: "proc/process.php",
data: dataString,
cache: false,
success: function(retHtml){
    var oldhtml = $("ul#lists").html();
    $("ul#lists").html(retHtml + oldhtml);
    $("ul#lists li:first").fadeIn("slow");
    $("#flash").hide();
}   
});