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 正则表达式 - 如何用标签包装匹配项? 的相关文章

  • 在 React 组件中等待异步函数并显示 Spinner

    初学者在这里 尝试从服务器获取一些数据并在获取后将其显示在我的反应组件中 但是 我在将异步函数集成到我的反应组件中时遇到了麻烦 import React useState from react import request from gra
  • 图表.js.如何更改“标签”数组的字体样式?

    我从 Chart JS 库中获取了一个图表 截屏 https i stack imgur com DnuRq png var ctx document getElementById myChart var data labels HTML
  • 使用javascript滚动滚动条或鼠标滚轮后触发事件

    我想知道是否可以触发事件after使用滚动条或鼠标滚轮 或在触摸设备上滑动 时滚动页面 基本上 我想检测用户何时停止滚动 以便我可以进行 AJAX 加载 而不是在滚动时加载 看起来jQuery s scroll 每次用户滚动时都会触发 并且
  • 解释一下这个令人困惑的 dojo 教程声明语法

    我正在阅读使用的语法道场的声明 http dojotoolkit org documentation tutorials 1 8 declare 用于班级创建 描述很混乱 The declare function is defined in
  • 无需重定向的 HTML 页面提交

    有没有什么方法可以在不使用ajax的情况下提交html表单而无需从当前页面重定向 你可以设置一个target 为您form 这样您就可以将表单提交到新选项卡 target blank 或一个小的 隐藏的iframe target nameo
  • 需要正则表达式帮助

    我正在尝试替换两次或多次出现的 br like br br br 标签与两个一起 br br 具有以下模式 Pattern brTagPattern Pattern compile lt s br s s gt s 2 Pattern CA
  • 仅从功能区打开一个对话框

    我有一个带有登录按钮的功能区 可打开登录对话框 我想将对话框的数量限制为一个 我正在使用函数 displayDialogAsync startAddress options callback https learn microsoft co
  • 插件 gulp-babel 错误:插件/预设文件不允许导出对象,只能导出函数

    我现在尝试在我的 Ionic v1 应用程序中使用 JavaScript 2015 ES6 包 json name test version 1 0 0 dependencies ionic native deeplinks 4 18 0
  • 在给定索引上将字符串分成两部分并返回两部分

    我有一个字符串 需要在给定索引上拆分 然后返回两个部分 并用逗号分隔 例如 string 8211 8 211 98700 98 700 因此 我需要能够在任何给定索引上拆分字符串 然后返回字符串的两半 内置方法似乎执行分割 但只返回分割的
  • 为什么浏览器允许onmousedown JS改变href?

    我很长时间以来都注意到 当您尝试复制链接位置或在 Facebook 上打开链接时 它会修改链接并将其传递给l php 例如 我可以被发送到 http www facebook com l php u http 3A 2F 2Fwww goo
  • iPhone 上的锁定方向 UIWebView

    有没有办法锁定 UIWebView 的方向 使用 Obj C JS 还是 Html 我不想有按钮或任何东西 我只想在应用程序打开时将其锁定为纵向 好像这个堆栈溢出帖子 https stackoverflow com questions 43
  • 如何在数据表角度中基于 JSON 动态填充表值?

    我在用着Angular 数据表 https l lin github io angular datatables 我需要能够根据返回的数据动态创建表 换句话说 我不想指定列标题 Example json数据 id 2 city Baltim
  • D3 强制布局,较大的节点聚集在中心

    我一直在修改将用于标签云的强制布局 每个标签都由一个
  • Firebase 身份验证和实时应用程序数据库如何保护自身安全?

    从一般开发的角度来看 我很好奇如何保护在线资源的访问 我们使用以下 Firebase 配置参数初始化 Web 应用程序 apikey authdomain projectid databaseurl messagesenderid 服务器如
  • jQuery:向左滑动和向右滑动

    我见过slideUp and slideDown在 jQuery 中 左右滑动的功能 方式怎么样 您可以使用 jQuery UI 中的附加效果来做到这一点 详情请参阅此处 http docs jquery com UI Effects Sl
  • 如何得知客户端从服务器的下载速度?

    根据客户的下载速度 我想以低质量或高质量显示视频 任何 Javascript 或 C 解决方案都是可以接受的 Thanks 没有任何办法可以确定 您只能测量向客户端发送数据的速度 如果没有来自客户端的任何类型的输入来表明其获取信息的速度 您
  • 使用严格模式编译指示时如何声明全局变量

    使用自调用函数来包装严格模式兼容代码 通常称为严格模式编译指示 被认为是一种很好的做法 function use strict Strict code here 我的问题是在这种情况下如何声明全局变量 我今天知道的三种替代方案 替代方案 1
  • 如何强制下载图片?

    我的页面上有一个动态生成的图像 如下所示 img src 我不想告诉我的用户右键单击图像并点击保存 而是想公开一个下载链接 单击该链接将提示下载图像 如何实现这一目标 最初我在 js 中尝试这样做 var path my image att
  • 在引导程序中以编程方式更改选项卡窗格选项卡

    我使用的选项卡窗格定义为 ul class nav nav tabs li a href personal Personal Information a li li class active a href contact Contact a
  • jQuery appendTo(), json 在 IE 6,7,8 中不起作用

    我这两天绞尽脑汁想找到解决办法 我使用 jQuery ajax 从数据库中获取值 以便在另一个框发生更改时更新一个框 php 脚本从数据库中获取值 然后输出 json 它在 FF 中工作正常 但在所有版本的 IE 中 选择框都不会更新 我已

随机推荐

  • 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