。每（）找到的最后一个项目，并创建一个if语句

Question

我有以下的jQuery，

function animTweets($tweets) { 
    $tweets.each(function() { 
     var $tweet = $(this); 
     $('#twitterTile').queue('myQueue', function (next) { 
      $tweet.animate({top: 0, height: 'show'}, 
         {duration: 300, 
         queue: false, 
         complete: next 
         }); 
     }).delay(1E10, 'myQueue'); 
    }); 
} 

它通过包含在一个列表（$微博）的项目进行迭代。

如何创建if语句以使最后一项具有不同的动画？

Answer 1

function animTweets($tweets) { 
    var len = $tweets.length; 
    var count = 1; 
    $tweets.each(function() { 
     var $tweet = $(this); 
     if(len == count){ 
      //different anim 
     }else{ 
      $('#twitterTile').queue('myQueue', function (next) { 
      $tweet.animate({top: 0, height: 'show'}, 
         {duration: 300, 
         queue: false, 
         complete: next 
         }); 
      }).delay(1E10, 'myQueue'); 
     } 
     count++; 
    }); 
} 

Answer 2

你可以得到使用.length然后鸣叫总数对证使用index是.each()公开检查，​​如果当前index是最后一个：

function animTweets($tweets) { 
    var total = $tweets.length; 
    $tweets.each(function (index, obj) { 
     var $tweet = $(this); 
     if ((index + 1) == total) { 
      //this is the last one 
     } else { 
      $('#twitterTile').queue('myQueue', function (next) { 
       $tweet.animate({top: 0, height: 'show'}, 
          {duration: 300, 
          queue: false, 
          complete: next 
          }); 
      }).delay(1E10, 'myQueue'); 
     } 
    }); 
} 

Google文档.each()： http://api.jquery.com/each

Answer 3

$tweets.each(function (index) { 
    if(index == $tweets.length-1) { 
    //special behavior 
    } 
}); 

Answer 4

如何使用.slice()^[docs]和.last()^[docs]：

$tweets.slice(0, -1).each(...); 
var $lastTweet = $tweets.last(); 
// do something with the last tweet. 

Answer 5

有时候我们忘记了.each()并不总是比一个好，老式for循环更好，因为我们失去对循环控制。假设参数animTweets是jQuery对象，你可以使用for循环是这样的：

function animTweets($tweets) { 
    var $tweet; 
    for (var i = 0, len = $tweets.length - 1; i < len; i++) { 
     $tweet = $tweets.eq(i); 
     $('#twitterTile').queue('myQueue', function (next) { 
      $tweet.animate({top: 0, height: 'show'}, 
         {duration: 300, 
         queue: false, 
         complete: next 
         }); 
     }).delay(1E10, 'myQueue'); 
    } 
    // now process the last one separately 
    tweet$ = $tweets.eq(-1); 
    // ... 
}