Question

我正在尝试向twitter tweets添加一些逻辑。您可以发布5条推文，当您发布6th推文时，1st推文会被删除。我相信我必须添加某种逻辑才能实现这一目标。如果有人可以指导我完成逻辑，我会很感激，我将尝试应用该逻辑来查看它是否有效。我是programming的新手，请帮助我。我创造了这个小提琴： -

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

Answer 1

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

msgs功能的步骤：

使用jQuery选择所有推文
检查tweets.size（）是否大于5（tweets.length应该工作也是如此）
选择列表项的最后一个元素
使用.remove()

试试这段代码：

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

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

1 个答案: