テキスト内のリンクを見つけ、jqueryを使用してタグにラップします。

Question

twitter APIを使用して変数に割り当てるつぶやきです。そのようです。

 self.tweets = $.map(data.results, function(tweet){ 
       return{ 
        author: tweet.from_user, 
        url: 'http://twitter.com/' + tweet.from_user + '/status/' + tweet.id_str, 
        image: tweet.profile_image_url, 
        tweet: tweet.text 
       }; 
      }); 

私は私の仕事です。私はこのツイートをHTMLに追加しています。テキストはとても似ている..私は今、何をしたいか

@drwarwick Hi David! Looking forward to catching up with you, but may not get in there today due to work commitments... 

は、私はそれに応じてスタイルとリンクできるように@drwarwickに@drwarwickをラップです。つぶやきの中でこのような単語をどのようにしてjQueryを見つけるのですか？ありがとう。

EDIT >>>>>

stackoverflowのは、上記のやっているようなもの。それはテキストの色を変えました。

Answer 1

私はちょうどそれを行うヘルパーメソッドを書いた。

function HighLight(input) 
{ 
    var output=""; 
    var items=input.split(" "); 
    $.each(items,function(index,item){ 
     var word=items[index]; 
     if(word.match("^@")) 
     { 
      word="<span class='highlightSpan'>"+word+"</span>"; 
     }       
     output+=word+" "; 
    });  
    return output; 
} 

の作業例：http://jsfiddle.net/ZSafX/27/

あなたはこの

self.tweets = $.map(data.results, function(tweet){ 
      return{ 
       author: tweet.from_user, 
       url: 'http://twitter.com/' + tweet.from_user + '/status/' + tweet.id_str, 
       image: tweet.profile_image_url, 
       tweet: HighLight(tweet.text) 
      }; 
     });