javascript - 识别纯文本句子中的推特句柄

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 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() .