Question

我需要在明文句子中帮助识别推文句柄（我认为它被称为句柄..）并在句柄周围包裹一个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

参考文献：

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

1 个答案: