jQuery .remove（）和最後一個孩子沒有按預期工作

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