javascript - 将图像添加到三个 javascript 结果中的前两个

标签 javascript twitter blogger

我有一个博客脚本,可以从一个帐户中提取最新的三个 Twitter 帖子,我是否对其进行了调整以在帖子底部添加一个图像分隔符,但不想在最后一个帖子的底部看到分隔符.我坚持使用语法来计算前两个,然后在第三个中排除图像(或重写没有图像的行)。

这是代码块:

function twitterCallback2(twitters) 
{
    var statusHTML = [];
    for (var i=0; i<twitters.length; i++)
    {
        var username = twitters[i].user.screen_name;
        var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) 
        {
            return '<a href="'+url+'" target="_blank">'+url+'</a>';
        }).replace(/\B@([_a-z0-9]+)/ig, function(reply) 
        {
            return  reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>';
        });

        statusHTML.push('<li><span>'+status+'</span> <a class="date" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id_str+'" target="_blank"><br /><p style="text-align:left; margin-top:4px;"><img src="../images/news/twitter-bird.png" style="margin:3px 2px 0 0;">'+relative_time(twitters[i].created_at)+'</a></p><img src="../images/news/twitter-divider.png" style="margin-top:4px;"></li>');
    }
    document.getElementById('twitter_update_list').innerHTML = statusHTML.join('');
}

如有任何帮助,我们将不胜感激。

最佳答案

未经测试,但这应该有效:

function twitterCallback2(twitters) {
  var statusHTML = [];
  for (var i=0; i<twitters.length; i++){
    var username = twitters[i].user.screen_name;
    var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) {
      return '<a href="'+url+'" target="_blank">'+url+'</a>';
    }).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
      return  reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>';
    });
    var htmlToPush = '<li><span>'+status+'</span> <a class="date" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id_str+'" target="_blank"><br /><p style="text-align:left; margin-top:4px;"><img src="../images/news/twitter-bird.png" style="margin:3px 2px 0 0;">'+relative_time(twitters[i].created_at)+'</a></p>';
    if (i<twitters.length-1)
        htmlToPush += '<img src="../images/news/twitter-divider.png" style="margin-top:4px;">';
    htmlToPush += '</li>';
    statusHTML.push(htmlToPush);
  }
  document.getElementById('twitter_update_list').innerHTML = statusHTML.join('');
}

关于javascript - 将图像添加到三个 javascript 结果中的前两个,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16158084/

相关文章:

javascript - 单击年份时月份模式下的 Angular ui-datepicker 不起作用

javascript - 如何从 javascript 运行 python 脚本?

python - Twitter API XML 访问

html - 博客模板 : how to change the color of the border css

javascript - $.ajax 干扰此脚本中的 .hide() 和 .show() Jquery

iOS - OAuth Twitter 工程师 - 无法创建 token

java - 创建 twitterstream 时出现 401 错误

html - 博客评论小部件的 CSS 帮助

css - 奇怪的 CSS 行为

javascript - 如何添加完整的公共(public)目录以捆绑 Webpack 中的所有文件?