用于查找两个字符串之间的子字符串的 Javascript REGEX

Question

我正在尝试创建一个 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 中工作。他们似乎什么也没做。我真是个菜鸟。

Answer 1

仅获取问题第一部分的正则表达式可以是

/^Would you rather(.*)(:? or .*)$/
                       ^^ find 'or' and the rest of question

https://jsfiddle.net/9pwbj58g/1/

我不知道，你想用它做什么，而不是 alert 可以是任何 $(this).html(...) 或其他东西.

要更改两个部分，例如。

/^(Would you rather)(.*)(:? or )([^?]+)\?$/

https://jsfiddle.net/9pwbj58g/2/