0

我需要 jQuery 中的两件事(类似推特)

  1. 正则表达式一个正常的链接
  2. 检查链接是图像还是网站/文档/等(所以我可以使用灯箱或其他东西)。

例如,我有来自 json 对象的以下文本:

嗨,我创建了这个 http://flicker.com/image,然后我去了 http://www.google.com #home #alone

  1. 如果内容是图像,则必须检查链接
  2. 必须添加 A 元素。
  3. 还必须链接主题标签“#”。

我对 jQuery 有一点了解,我编辑/创建了以下脚本(可能不太好,但此时它正在工作)

var username='yourname'; // set user name
var format='json'; // set format, you really don't have an option on this one
var url='http://api.twitter.com/1/statuses/user_timeline/'+username+'.'+format+'?callback=?'; // make the url
var count = 0; // Start from 0
var maxTweet = 10; // Maximum tweets (max limit is 15)
$.getJSON(url,function(tweet){ // get the tweets
    $.each( tweet, function(i, l){
        var month1 = {}; // building my month array
        month1['Jan'] = '01';
        month1['Feb'] = '02';
        month1['Mar'] = '03';
        month1['Apr'] = '04';
        month1['May'] = '05';
        month1['Jun'] = '06';
        month1['Jul'] = '07';
        month1['Aug'] = '08';
        month1['Sep'] = '09';
        month1['Oct'] = '10';
        month1['Nov'] = '11';
        month1['Dec'] = '12';
        var d = tweet[count].created_at; // getting date
        var d = d.split(" "); // Splitting date
        var e = tweet[count].created_at.split(" "); // Splitting date
        var a = d[1]; // Month
        var month = month1[a]; // still month
        var d = d[5] + '-' + month + '-' + d[2] + 'T' + d[3] + 'Z' + d[4]; // date like 30-05-2011T13:45:45Z+1000
        var date = prettyDate(d); // using prettyDate founded on the Web
        if(count < maxTweet){
        if(date = 'undefined'){
            var date = e[2] + '-' + month + '-' + e[5] + ' om ' + e[3];
        } // if it is out of range
    $("#twitter .slides_container").append('<p> <a href="http://twitter.com/#!/' + tweet[count].user.name + '" target="_blank"><img src="' + tweet[count].user.profile_image_url + '" alt="' + tweet[count].user.name + '" class="twitpic"></a> ' + tweet[count].text + '<br /><em>' + date + '</em></p>')
}
    });
count++;
});

tweet[count].text = 我需要正则表达式的地方

已编辑(计数++;)

4

1 回答 1

0

你可能会发现这样的东西很有用,可以链接你的推文。

html = tweet[count].text
    .replace(/(\b(https?|ftp|file):\/\/[-A-Z0-9+&@@#\/%?=~_|!:,.;]*[-A-Z0-9+&@@#\/%=~_|])/ig, '<a href="$1" target="_blank" rel="nofollow">$1</a>')
    .replace(/(?:^| )[@]+(\w+)/ig, ' @<a href="http://www.twitter.com/$1" class="user" target="_blank" rel="nofollow">$1</a>')
    .replace(/(?:^| )[#]+([\w\u00c0-\u00d6\u00d8-\u00f6\u00f8-\u00ff\u0600-\u06ff]+)/ig, ' <a href="http://search.twitter.com/search?q=&tag=$1&lang=all" class="hash" target="_blank" rel="nofollow">#$1</a>');

不幸的是,除非您做出一些假设,例如链接是否包含 .jpg 等,否则您并不总是知道 URL 末尾的内容(这是实现灯箱功能所需要做的)。

于 2012-05-24T11:16:27.567 回答