javascript - 使用 RegExp 和 span 突出显示变量中的文本

Question

我有一个文本 div。我想使用 RegExp 和 span 突出显示存储在变量中的一些文本。要突出显示的文本在运行时未知。

var t = $("#highlightOutput").html(); //sentence
	var s = t.search(hStr);//what shd be replaced
	var query = new RegExp(s, "g");
	console.log(s);
	t = t.replace(query, "<span class='highlight'>"+s+ "</span>"); //problem is here
	//how to write a regex code to highlight text stored in s.
	$("#highlightOutput").html(t);

Answer 1

search 返回索引，但您需要实际文本。使用 match 来实现:此方法返回一个匹配数组，您可以获取第一个。

var s = t.match(hStr)[0];