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