使用JQuery帮助解析Twitter JSON请求以适当地设置提及和主题标签的样式?

时间:2011-09-16 11:01:06

标签: jquery regex json twitter

我真的很喜欢这方面的帮助。

我所拥有的是一个Twitter JSON请求,一切都运行良好,但我想适当地设置提及和主题标签的样式,因为整个推文看起来一样,我认为做这个改变会大大改善它。

目前我试图更改主题标签但是它似乎导致了错误,我认为这是因为我正在使用$(this).html(linkHashtags($(this).html()));当它不是我正在阅读的HTML时。

下一阶段就是为@(提及)做同样的事情。

以下是目前的代码:

var url='http://search.twitter.com/search.json?q=';
var query='%23HASHTAG';
var options='&result_type=recent&rpp=4&page=1&callback=?';
var html='<marquee behavior="scroll" scrollamount="1" direction="left">';

$.getJSON(url+query+options,function(json){     
        $.each(json.results,function(i,tweet){

             $(this).html(linkHashtags($(this).html()));

             html+='<span class="tweet"><img class="profile-pic" src="'+tweet.profile_image_url+'" width="40" height="40" /><span class="tweeter">'+tweet.from_user+'</span>:&nbsp;'+tweet.text+ ' <i>' + daysAgo(tweet.created_at) + '</i></span>';
        });

        html += '</marquee>';
       // Now replace the <p> with our <marquee>-element
       $('.twitter p').replaceWith(html);
       $('div.twitter marquee').marquee();
});

var linkHashtags = function (text) {
return text.replace(
    hashtag_regexp,
    '<a class="hashtag" href="http://twitter.com/#search?q=$1">#$1</a>'
    );
} 

1 个答案:

答案 0 :(得分:2)

使用twitter-text-js

twttr.txt.autoLink("link @user, please #request");

示例:http://jsfiddle.net/44DZ9/