Javascript 如何突出显示替换文本的所有实例

我试图突出显示

div

中与文本字符串匹配的所有实例。这是分区：

<div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>

它突出了“Lorem ipsum”的第一个实例，但问题是它只突出了“Lorem ipsum”的第一个实例，而不是两个实例。当我用实际字符串替换变量

text

和

newText

时，如下所示：

textCurrent = textCurrent.replace(/'Lorem ipsum'/g, "<span class='highlight'>Lorem ipsum</span>");
$("div").html(textCurrent);

textCurrent=textCurrent.replace（/'Lorem ipsum'/g，“Lorem ipsum”）；
$（“div”）.html（textCurrent）；

它起作用了。但是，如何在使用变量（如

text

和

newText

）时突出显示所有实例

`

您可以使用plus：

其中g：代表全球比赛；查找所有匹配项，而不是在第一个匹配项后停止

片段：

let text=“Lorem ipsum”；
让newText=“Lorem ipsum”；
$（“div”）.html（函数（i，str）{
return str.replace（newregexp（text'g'），“”+newText+“”）；
});
。突出显示{
背景颜色：黄色；
}

知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。
您可以这样做：-


$（函数（）{
设textCurrent=$（“div”）.html（）.trim（）；
让text=“Lorem ipsum”；
让newText=“Lorem ipsum”；
让replaceText=“+newText+”；
textCurrent=textCurrent.replace（新的RegExp（text，'g'），replaceText）；
$（“div”）.html（textCurrent）；
});
。突出显示{
背景：黄色；
}

知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。
仅使用
javascript


const t=document.querySelector（“.text”）；
t、 innerHTML=t.innerText.replace（/ipsum/g，match=>`${match}`）
.red{
颜色：红色；
}

知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为，因为它是一种不平等的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。Lorem ipsum dolor sit amet，献祭精英，
这是临时性的劳动和就业机会。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一起是因为他们在一起是因为他们在一起
欧盟福吉亚无法定权利。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。

textCurrent = textCurrent.replace(/'Lorem ipsum'/g, "<span class='highlight'>Lorem ipsum</span>");
$("div").html(textCurrent);