チャットは無制限の段落を生成します

Question

chat.jsのこのコード部分があります。自分のサイトで作業していますが、段落でチャットを生成したいのですが、10行後に最初のものを削除したい最後の10件のメッセージを常に見ることができます。これをどうすれば管理できますか？

ここに<p>を生成するコードの一部です。

function updateChat(){ 
if(!instanse){ 
    instanse = true; 
    $.ajax({ 
      type: "POST", 
      url: "process.php", 
      data: { 
        'function': 'update', 
        'state': state, 
        'file': file 
        }, 
      dataType: "json", 
      success: function(data){ 
       if(data.text){ 
        for (var i = 0; i < data.text.length; i++) { 
         $('#chat-area').append($("<p>"+ data.text[i] +"</p>")); 
        }         
       } 
       document.getElementById('chat-area').scrollTop = document.getElementById('chat-area').scrollHeight; 
       instanse = false; 
       state = data.state; 
      }, 
     }); 
} 
else { 
    setTimeout(updateChat, 1500); 
}} 

Answer 1

for(var i = 0; i < data.text.length; i++){ 
    $('#chat-area').append($("<p>"+ data.text[i] +"</p>")); 
    if($('#chat-area > p').length > 10){ 
     $('#chat-area > p').first().remove(); 
    } 
} 

またはあなただけの1つのチェックの後を行いたい場合は、のために：可能な解決策は、ベト最後の10の項目を反復処理し、コンテナにそれらを追加します

if($('#chat-area > p').length > 10){ 
    $('#chat-area > p').slice(0, $('#chat-area > p').length - 10).remove(); 
} 

Answer 2

。最後の10項目を取るヘルパー関数は、このように記述する必要があります。

>takeLast = function(ary, batch_size) { 
... return ary.slice(ary.length-batch_size, ary.length); 
... } 

>x = 
[ 'Lorem', 
    'ipsum', 
    'dolor', 
    'sit', 
    'amet,', 
    'consectetuer', 
    'adipiscing', 
    'elit,', 
    'sed', 
    'diam', 
    'nonummy', 
    'nibh', 
    'euismod', 
    'tincidunt', 
    'ut', 
    'laoreet', 
    'dolore', 
    'magna', 
    'aliquam', 
    'erat', 
    'volutpat.', 
] 

>take(x, 10) 
[ 'nibh', 
    'euismod', 
    'tincidunt', 
    'ut', 
    'laoreet', 
    'dolore', 
    'magna', 
    'aliquam', 
    'erat', 
    'volutpat' ]