php - 比较 HTML 和 Javascript

Question

所以我想知道一些事情。在我正在制作的 IM/聊天网站中，我让它每 10 秒左右检查一次数据库，看看是否有任何新数据进来。而且，当用户发布新评论时，它会自动将其发送到数据库并在不重新加载的情况下将其添加到评论列表中。但它每次都会加载所有评论。

我想知道是否可以在不对所有旧评论都这样做的情况下为新评论添加效果(例如淡入)。

function update(){
    oldhtml = $('#listposts');
    $.ajax({
            type: "POST",
            data: "",
            url: "update.php",
            success: function(msg){
                $("#listposts").html(msg);
                $('.comment_date').each(function(){
                    $(this).text('[' + prettyDate($(this).text())+']');
                if(oldhtml == )
                });
            }
        });
}
var intervalID = window.setInterval(update, 10000);

这是我的更新代码。这是我的邮政编码:

$("#postbutton").click(function () {
    if(!$('#post').val()==""){
        $.ajax({
            type: "POST",
            data: "data=" + $("#post").val(),
            url: "post.php",
            success: function(msg){
                $("#listposts").html(msg);
                $('.comment_date').each(function(){
                    $(this).text('[' + prettyDate($(this).text())+']');
                });
            }
        });
        $("#post").val("");
    }
});

如您所见，我也在使用 prettyDate。但这与这个问题无关。

正如标题所述，我将尝试将当前 html 保存在一个变量 (oldhtml) 中，然后加载新内容。然后我会比较两者，然后使用新评论淡入。我出路了吗？我错过了重点吗？

哦，请不要因为我错过了一个明显的解决方案而对我投反对票。我认为如果我没有很好地解释，你应该使用它，我想我做到了。

Answer 1

您可以在您的 success 中执行此操作处理程序:

var $dv = $('<div />').css('display', 'none').html(msg);
$("#listposts").append($dv);
$dv.fadeIn();

当然你可以使用 <span>而不是 <div>根据您的需要。