jQuery .remove()和last-child没有按预期工作

Question

我有这个代码工作正常.新的数据正好,但当p的数量达到3时,没有任何反应.最后一项没有被删除,也没有附加新项目.

有任何想法吗？

setInterval(function() {
              $.post(
                'json.php', 
                function(data){
                    $('#tweetBox').append('<p>' + data + '</p>');
                    var list = $('#tweetBox p').length;
                    if (list > 3){
                        $('#tweetBox p:last-child').remove();
                    }               
                }
            );
        }, 5000);

Answer 1

最后一项不会被删除,也不会追加新项目.

这表示新项目会被追加,但会立即删除.您想要撤销订单:

var list = $('#tweetBox p').length;
if (list === 3){
    $('#tweetBox p:last-child').remove();
}
$('#tweetBox').append('<p>' + data + '</p>');