如何突出显示字符串中任何匹配的单词，但匹配应该从单词的开头开始。javascript正则表达式

点击小提琴链接我已经尝试了

如果搜索输入字符串与文本区域中的字符串匹配，则应突出显示匹配的文本。匹配应基于word。可以是部分匹配或完全匹配， 但是匹配应该从要匹配的文本区域中每个单词的开头开始

请在小提琴中找到需要修复的问题

//核心函数
函数buildRegexFor（查找）{
var regexStr=find.substr（0,3）；
对于（var i=0；i$1”；
//（4）产出
document.querySelector（'span'）.textContent=regexStr；
document.querySelector（'div'）。innerHTML=str；
};
.boldtxt{
颜色：红色；
}
p{
颜色：红色
}
要查找的值：




找到

要在中查找的文本：


在这个环礁岛上的老鼠植物园里有一个地方，当它轮换土豆时，它比所有的统计数据都要好。

正则表达式：


注意：
1>不应高亮显示“potat”中最后一个“t”
2>不应高亮显示“the”中的第一个“t”
3>“ota”在“植物学”中不应高亮显示，“rotates”也不应高亮显示
您是否同意使用非基于ajax的方法？为什么不发布您正在创建的
regex
，这样就很容易把注意力集中在真正重要的事情上了？谢谢你的关注，这很好。在这一行中，
regexStr='（\\b'+regexStr+find.substr（i+2,1）+'？|'+find.substr（i，3）+'
您正在修改并在循环中使用
regexStr
。这是故意的吗？