html中文本的javascript荧光笔[重复]

Question

一段时间以来，我一直在尝试编写一个 js 函数，该函数将突出显示（粗体）包含 html 标签的字符串中搜索到的文本的每一次出现。

例子：假设字符串是

<b>test string</b> -- Bette <b>Higgins</b>

如果我搜索字符“b”，结果应该是

<b>test string</b> -- <b>B</b>ette <b>Higgins</b>

（如您所见，每次出现的 B 都应该用 html 粗体标记包围。

我尝试使用各种正则表达式都没有成功。

有什么想法吗？

谢谢

Answer 1

您可以在元素内重构字符串，并在每次出现“SearchTerm”时用标签包围。

var str = "Hi, how's it going?"
var result = "";
var searchTerm = "it";
for (var i = 0; i <= str.length - searchTerm.length; i++) {
  if(str.substring(i, i + searchTerm.length) == searchTerm){
    result += "<b>" + str.substring(i, i + searchTerm.length) + "</b>";
    i += searchTerm.length - 1;
  } else {
    result += str.charAt(i)
  }
}
console.log(result);

希望这会有所帮助。