jquery不会删除最后一个div

Question

我想在空div中附加推文，但是当推文数为5或更大时，我想从底部删除一个，这样只会出现5条推文。我写了这段代码，但没有删除任何东西

var side = 'left';
cnt = 0;
setInterval(function(){
    $('.tweet-stream').prepend('<div class="tweet t'+side+'"></div><div class="t-header"></div>');
    if(cnt%2==0){
        side='right';
    } else {
        side='left';
        if(cnt>=5){
            $("div[class=tweet]:last").remove();
        }
    }
    cnt++;
},3000);

Answer 1

使用$('div.tweet:last').remove()。

Answer 2

看起来你只是在满足“左”条件时删除最后一个补间。

这似乎有效：

http://jsfiddle.net/chace/dgv8U/10/

var side = 'left';
cnt = 0;
setInterval(function () {
    $(".tweet-stream").prepend("<div class='tweet t" + side + "></div><div class='t-header'>tweet-" + cnt + "</div>");
    if (cnt % 2 == 0) {
        side = 'right';
    } else {
        side = 'left';
    }
    if (cnt >= 5) {
        $("div.tweet:last").remove();
    }
    cnt++;
}, 3000);

Answer 3

$('.tweet-stream:last-child').remove();