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

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