Javascript 使用jQuery和一些逻辑的Twitter MSG

我正在尝试为推特推文添加一些逻辑。您可以发布

5条

推文，当您发布

6条

推文时，

1条

推文将被删除。我相信我必须添加一些逻辑来实现这一点。如果有人能引导我理解这个逻辑，我将不胜感激，我将尝试应用这个逻辑，看看它是否有效。我是

编程新手

所以，请帮帮我。我创作了这把小提琴：-

这里不能只使用pop（）函数，因为它不仅仅是一个JavaScript数组。您正在操纵DOM

msgs功能中的步骤：

使用jQuery选择所有推文

检查tweets.size（）是否大于5（tweets.length应为 （也工作）

选择列表项的最后一个元素

使用删除DOM中的最后一项

请尝试以下代码：

var main = function() {

$('.btn').click(function(){
  var post = $('.status-box').val();

  $('<li>').text(post).prependTo('.posts');
  $('.status-box').val(''); 

  // call you helper function
  msgs();
});

// your helper function
var msgs = function() {
  // get your tweets
  var tweets = $('.posts li');
  // check if you have more than five tweets
  if( tweets.size() > 5) {
    // find last element of your list-items
    var lastTweet = $('.posts li:last-child')
    // remove last item
    lastTweet.remove();
  }
}

}//end of main function

$(document).ready(main);

var main=function（）{
$（'.btn'）。单击（函数（）{
var post=$（'.status box'）.val（）；
$（“
”）.text（post.prependTo（“.posts”）；
$（'.status box'）.val（''）；
//调用你的助手函数
msgs（）；
});
//你的助手功能
var msgs=函数（）{
//获取您的推文
var tweets=$（'.posts li'）；
//检查您是否有五条以上的推文
如果（tweets.size（）>5）{
//查找列表项的最后一个元素
var lastweet=$（'.posts li:last child'）
//删除最后一项
lastweet.remove（）；
}
}
}//主功能结束
$（文件）.ready（主）；

有更简短、更优雅的方法来编写，但我将其与您的代码放在一起

---

更新了

Matt这太棒了……我真的很感激。