在纯文本句子中识别twitter句柄

Question

我需要帮助识别纯文本句子中的twitter句柄（我认为它被称为句柄..），并在句柄周围包裹一个span标签。

所以，如果我有这样构成的句​​子：

I can't wait to watch the 2012 London Olympic Games! @london2012 

我需要找到手感和环绕它的跨度标签：

I can't wait to watch the 2012 London Olympic Games! <span>@london2012</span> 

这是我尝试使用：

function findHandle(text) { 
    var handle = text.substr(text.indexOf("@"), text.indexOf(" ")); 
    return text.replace(handle, "<span>" + handle + "</span>"); 
} 

我的代码没有按计划工作。最好的办法是什么？

Answer 1

假设你的文字内容是在div元素，下面似乎工作（虽然不是彻底测试）：

$('div').html(
    function(i,html) { 
     return html.replace(/@[\d\D]+\b/g, '<span>$&</span>'); 
    });​ 

JS Fiddle demo。

上面似乎little fragile，所以我改变了正则表达式选择器：

$('div').html(
    function(i,html) { 
     return html.replace(/(@\w+)/g, '<span>$&</span>'); 
    });​ 

JS Fiddle demo。

参考文献：

• html()。
• JavaScript Regular Expressions, at Mozilla Developer Network。
• string.replace()。