JavaScript 正则表达式 - 如何用标签包装匹配项?

2023-12-10

我在 JavaScript 中有一个字符串,我想在其中查找给定短语的所有匹配项并用标签将它们包装起来。我无法在这里找到正确的正则表达式方法来替换不区分大小写的短语并将其替换为自身并在其周围添加其他文本。例如:

输入字符串:

"I like to play with cats, as does Cathy, who is a member of ACATA, which is the American Cat And Tiger Association."

不区分大小写的短语:“cat”

输出字符串:

"I like to play with <em>cat</em>s, as does <em>Cat</em>hy, who is a member of A<em>CAT</em>A, which is the American <em>Cat</em> And Tiger Association."

所以,基本上,注入<em></em>围绕任何比赛。我不能直接进行替换,因为我会丢失输入字符串中的原始大小写。


你可以使用:

"Foo bar cat".replace(/(cat)/ig, "<em>$1</em>");

将返回:

"Foo bar <em>cat</em>"
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JavaScript 正则表达式 - 如何用标签包装匹配项? 的相关文章

随机推荐

  • d3 v4嵌套数据和堆积条形图

    I am trying to make a chart that looks like this 我有一个 D3 nest 数据结构 如下所示 key Area 1 values key 5 Validation Complete valu
  • Extjs 4通过ajax调用下载文件

    问题很简单 当我提交表单时 我必须下载一个文件 这是提交表单时的一个ajax调用 它允许我使用从表单 服务器端获取的数据构建一个文件 然后将其作为链接到警报 事实上 我的老板希望直接下载文件 而不是通过警报中的链接 所以我必须确保该文件可通
  • 如何在单元格更改上执行 JTable 选择所有文本

    我看过一些这样做的例子 但我仍然无法理解并且无法实现它 我想做的是单元格更改 焦点 下一个选定的单元格将选择所有文本 准备好让用户完全更改它 关于如何做有什么想法吗 更新 不知怎的 我设法完成了以下课程 但是 实施这个tblLayers s
  • 如何打印java txt文件中的列

    我正在尝试在一个 txt 文件上打印多个数组 其中有一个数组打印 然后有另一列装箱并有另一个数组打印 我如何格式化它才能工作 我不记得执行此操作的格式化命令 我需要所有列对齐 现在我有这个 private static void makeF
  • 包装python超类的所有方法

    如果我无法更改超类的代码 有没有办法包装超类的所有方法 作为一个最小的工作示例 请考虑这个基类Base 它有许多返回自身新实例的方法 以及派生类Child class Base def init self val self val val
  • Javascript appendChild onload 事件

    我将动态创建的图像元素附加到文档中 var img new Image img src test jpg img onload function var addedImg container appendChild img console
  • 基于 @AspectJ 的 Spring 3.1 AOP

    我正在尝试使用 Spring 3 1 运行基于 AspectJ 的 AOP 但无法正确配置切入点 切入点和建议方法是 切入点 Pointcut execution point public void selectAll 建议后 After
  • IMPORTHTML 或 IMPORTXML 从站点收集数据

    我已经多次尝试收集此表中的数据 我评论的两个函数的简单方法 我都尝试过 但没有成功 我想知道是否有人知道在 Google 表格中收集这些数据的任何其他方法 网站链接 https www onlinebettingacademy com st
  • 从 CSV 加载时 PostgreSQL/JooQ 批量插入性能问题;我该如何改进流程?

    For 这个项目 我打算制作一个 Web 版本 现在正在制作一个 PostgreSQL 9 x 后端 Web 应用程序将从该后端进行查询 现在 跟踪器会生成一个包含两个 CSV 的 zip 文件 在运行时将其加载到 H2 数据库中 其架构如
  • default(object); 是什么意思?在 C# 中做什么?

    谷歌搜索只是找到了关键字 但我偶然发现了一些代码 上面写着 MyVariable default MyObject 我想知道这意味着什么 对于引用类型 它返回null 对于除以下以外的值类型Nullable
  • 将 CSV 文件导入为 Pandas DataFrame

    我如何阅读以下内容CSV文件到 Pandas 中DataFrame Date price factor 1 factor 2 2012 06 11 1600 20 1 255 1 548 2012 06 12 1610 02 1 258 1
  • 使用 Intellij 和 DB Navigator 的 Java 代码中的 SQL 语句错误

    我在intellij IDE中使用mysql 我已经安装了 DB Navigator 并成功测试了我的连接 我已经使用 mysql workbench 成功创建了一个数据库 并且能够在 IDE 上看到数据库 文件目录 如下图所示 Howev
  • 如何使用 WCF 签署 SOAP 请求

    我有一个第三方 SOAP Web 服务 我需要调用它的方法之一 该请求需要签名 我如何签署请求 我假设签名意味着您使用客户端安装的证书对消息进行签名 在 WCF 中执行此操作相对容易 假设您正在使用wsHttpBinding in the
  • 将数据 URI 格式的文件从浏览器拖到桌面

    As 这篇博文指出 有一种方法可以通过从浏览器拖放到桌面来下载文件 我想将数据 uri 格式的文件 例如 data application octet stream base64 eNcoDEdFiLEStuFf 拖到桌面 由于安全原因 文
  • 使用 c# 使用 Drupal Rest Api

    我正在努力使用 c 使用 Drupal Rest Api 我正在使用 drupal 7 5 并利用它的其余服务 API 来跟踪各种资源 我已经成功地通过谷歌的邮递员发布了内容 但是当我尝试使用 c 代码复制它时 系统提示我出现禁止错误 匿名
  • javax.smartcardio:如何将本机命令发送到 Desfire 卡?

    我正在创建一个 java 应用程序 通过 PC SC 非接触式读卡器和 javax smartcardio API 与 Mifare DESFire 卡进行通信 我设法发送常规 ISO 7816 APDU CLA INS P1 P2 Lc
  • 如何为Azure虚拟机设置自定义域?

    我有一个 Azure 虚拟机 其中包含myvmname northeurope cloudapp azure com设置为 DNS 名称 我希望它是这样的somename my domain com 我是my domain com 如何在虚
  • 如何在 SwiftUI 中阻止文本光标跳到末尾?

    我很好奇 有没有人见过这个问题 或者他们知道如何解决这个问题 我遇到的情况是 编辑导航堆栈中的文本字段时 每次击键时总是将文本光标弹出到字段的末尾 我怀疑这与 SwiftUI 的视图和状态管理有关 但除了 navigationDestina
  • 如何在同一个入口规则中应用 pod 选择器和命名空间选择器?

    Kubernetes 文档例子在这里显示如何将网络策略应用于由 Pod 选择器或命名空间选择器指定的源 我可以指定一个同时满足这两个约束的源吗 例如源可以是部署在名称空间 ingress 中的带有标签 tier web 的 Pod P S
  • JavaScript 正则表达式 - 如何用标签包装匹配项?

    我在 JavaScript 中有一个字符串 我想在其中查找给定短语的所有匹配项并用标签将它们包装起来 我无法在这里找到正确的正则表达式方法来替换不区分大小写的短语并将其替换为自身并在其周围添加其他文本 例如 输入字符串 I like to