javascript - 使用 jQuery 和一些逻辑的 Twitter 消息

Question

我正在尝试向 twitter 推文添加一些逻辑。您可以发布 5 条推文，当您发布第 6 条推文时，1 条推文将被删除。我相信我必须添加某种逻辑才能完成此任务。如果有人可以指导我完成这个逻辑，我将不胜感激，我会尝试应用该逻辑来看看它是否有效。我是编程新手，所以请帮助我。我创建了这个 fiddle :-

https://jsfiddle.net/drq72pgd/12/

Answer 1

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

消息函数中的步骤:

1. 使用 jQuery 选择您的所有推文
2. 检查tweets.size()是否大于5(tweets.length应该 工作也)
3. 选择列表项的最后一个元素
4. 使用 .remove() 从 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);

有更短、更优雅的方式来编写它，但我让它靠近您的代码。

已更新jsFiddle