【问题标题】:Find all words that start with "$" and wrap them in a <span> with jQuery/JS [duplicate]查找所有以“$”开头的单词,并使用 jQuery/JS 将它们包装在 <span> 中 [重复]
【发布时间】:2017-06-26 21:35:57
【问题描述】:

我正在尝试找到一种方法来搜索以符号 $ 开头的单词并将它们包装在 &lt;span&gt;&lt;/span&gt; 中,如下所示:

当前的html:

<div class="message">$AAPL is awesome.</div>
<div class="message">$MSFT is also awesome.</div>

我追求的结果:

<div class="message"><span>$AAPL</span> is awesome.</div>
<div class="message"><span>$MSFT</span> is also awesome.</div>

我在这里看到了这个问题: Replace text starting with @ with anchor tag

但我不确定如何将其从搜索“@”转换为“$”。我对正则表达式替换中的 $1 和 $2 引用感到困惑。

【问题讨论】:

  • 到目前为止你尝试了什么?
  • 你做了什么研究?
  • 我离开了这里:$(".message:contains('$')").each(); 然后为每个运行 .split(' ') 并检查 indexOf '$' 是否返回 &gt; -1 但不确定这是否是最有效的方式
  • 也许这有帮助(类似问题):stackoverflow.com/questions/748309/…
  • 如何修改这个stackoverflow.com/questions/35125135/… 来搜索“$”?我对 $1 和 $2 的引用感到困惑。

标签: javascript jquery


【解决方案1】:

您需要的是一个简单的 DOM 分析。 您遍历整个文档对象,每当找到正则表达式 ^$ 时,将 &lt;span&gt; 放在迭代器的当前位置,继续直到下一个字符,然后将 &lt;/span&gt; 放在您所在的位置。

希望对你有帮助

【讨论】:

    猜你喜欢
    • 2019-04-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-08-29
    相关资源
    最近更新 更多