如何在第一个元素之前添加元素？

Question

我正在使用PHP + jQuery开发一个评论系统.我需要在所有div元素之前将最后一条评论添加到顶部.例如

<div id="comment">
<div class="comment-3"></div>
<div class="comment-2"></div>
<div class="comment-1"></div>
</div>

所以现在我想<div class="comment-4"></div>用jQuery 添加新的东西:

<div id="comment">
<div class="comment-4"></div>
<div class="comment-3"></div>
<div class="comment-2"></div>
<div class="comment-1"></div>
</div>

编辑: 注意:我正在使用:

    $.ajax({
    type: "POST", url: "ajax.php", cache : false, data: goData, dateType: "text",
    success: function(data){
        $("#comment").append(data);
        $("#submit").attr({ disabled:false, value:"Shout it!" });
    }
    });

Answer 1

$("div#comment").prepend('<div class="comment-4"></div>');

或者更现实

//something which generates a HTML DOM element
var newComment = ....;
$("div#comment").prepend(newComment);

当然prependTo,如果对您来说更自然,您可以使用语法

//something which generates a HTML DOM element
var newComment = ....;
$(newComment).prependTo("div#comment");

有关更多此类技巧,请查看jQuery文档

jQuery 1.3 Manipulation API