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>');

Answer 2

$('#tweetBox p:gt(3)').remove();