jquery - 如果单词以 @ 开头，则分配 css 类

Question

我正在开发 Twitter 网络应用程序。在段落中，如果我提到@username，我想在段落中使用 css 突出显示@username。什么是最容易做到的。我有 jquery 但无法弄清楚如何。谢谢

Answer 1

您可以通过创建一个名为“highlight”的 css 类来实现，它将用于突出显示并抓取段落内容。并替换为

$(function(){
    var str = paragraphtext;
    str = str.replace(/\B@([\w-]+)/gm, '<span class="highlight">@$1</span>');
    alert(str);
});

快速检查 demo