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

Question

我需要帮助识别普通文本句子中的twitter句柄(我认为它被称为句柄..)并在句柄周围包裹一个span标签.

所以,如果我有一个像这样构造的句子:

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

我需要找到句柄并在其周围包裹span标记:

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小提琴演示.

上面看起来有点脆弱,所以我把正则表达式选择器更改为:

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

JS小提琴演示.

参考文献:

• html().
• Mozilla开发者网络上的JavaScript正则表达式.
• string.replace().