1

我需要帮助识别纯文本句子中的 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>");
}

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

4

1 回答 1

6

假设您的文本内容在一个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 小提琴演示。

参考：

于 2012-08-07T19:46:27.443 回答