使用 twitter fetcher 获取第二条推文答案

【问题标题】：Get second tweet using twitter fetcher使用 twitter fetcher 获取第二条推文
【发布时间】：2015-12-02 07:15:25
【问题描述】：

我正在使用 Jason Mayes (http://jasonmayes.com/projects/twitterApi/) 的 Twitter fetcher 在网站上显示推文。现在我只想获取具有特定主题标签的第二条推文，而不是第一条和第二条，只是第二条。

有没有一种简单的方法可以做到这一点？

到目前为止，我正在使用它来获取第一条推文。我怎样才能改变它以获得第二个？

var config2 = {
  "id": '<-- there's an id here -->',
  "domId": 'hashtageightyfive',
  "maxTweets": 1,
  "enableLinks": true,
  "showInteraction": true,
  "showRetweet": false
 };
twitterFetcher.fetch(config2);

【问题讨论】：

标签： javascript twitter

【解决方案1】：

为什么不抓取两条推文，然后用 js/css 隐藏第一条。这将取决于您的推文标记，但这样的事情应该可以工作：

var config2 = {
  "id": '<-- there's an id here -->',
  "domId": 'hashtageightyfive',
  "maxTweets": 2,
  "enableLinks": true,
  "showInteraction": true,
  "showRetweet": false
 };
twitterFetcher.fetch(config2);

CSS

#twitter-feed li:first-of-type {
  display: none;
}

【讨论】：

推文被加载到 tweetWrapper div (#hashtageightyfive) 中，只有第一个 div 显示在那里。所以我需要在js中解决这个问题。
但是如果您将maxTweets 更改为 2，那么您将加载带有该主题标签的最后 2 条推文，然后隐藏第一个？

【解决方案2】：

以下应该可以解决问题。只需将 ID 替换为您的 Twitter 小部件 ID，然后在最后的自定义函数中，我们使用 getElementById，将该 ID 替换为您希望将推文注入到的元素的 ID。这只会将 1 条推文注入到 DOM 中，这对性能也有好处，因为您不会浪费 DOM 创建，然后使用上面的 CSS 隐藏解决方案将其隐藏。

var config = {
  "id": 'YOUR_TWITTER_WIDGET_ID_HERE',
  "domId": '',
  "maxTweets": 2,
  "enableLinks": true,
  "showInteraction": true,
  "showRetweet": false,
  "customCallback": handleTweets
};

function handleTweets(tweets){
    var n = tweets.length - 1;
    var element = document.getElementById('YOUR_DOM_ID_HERE');
    element.innerHTML = tweets[n] ;
}

【讨论】：