时间戳

首页 > 解决方案 > 用于在两个字符串之间查找子字符串的 Javascript 正则表达式

javascript - 用于在两个字符串之间查找子字符串的 Javascript 正则表达式

问题描述

我正在尝试创建一个 JS 函数来查找以下文本的子字符串（REGEX）。我正在尝试更改选项的颜色，您是否愿意提问。

字符串示例

Would you rather be on a survival reality show or dating game show?

解决方案示例

Would you rather <span class="highlight1"> be on a survival reality show </span> or <span class="highlight2"> dating game show? </span>

我试过下面的代码，但我不知道我们的正则表达式。

HTML：

<div class="question">
<p>Would you rather be on a survival reality show or dating game show?</p>
</div>

CSS：

.red{color:red;}

JS：

$(document).ready(function(){

    $('.question').html(function(_, html){
        return html.replace(**WHAT DO I PUT HERE**, '<span class="red">$1</span>');   
     });});

REGEX - 在上面的代码中不起作用。

(?<=Would you rather)(.*)(?=or) 1st Part

(?<=or)(.*)(?=) 2nd Part

我需要一些帮助才能使这些正则表达式在 JS 中工作。他们似乎什么也没做。我是个菜鸟。

标签： javascripthtmlcss

解决方案


var html = 'Would you rather be on a survival reality show or dating game show?'
html.replace(/^(Would you rather\s)(.*)(\sor\s)(.*)\?$/g,`$1<span class="red">$2</span>$3<span class="red">$4</span>?`)

推荐阅读