在html中使用javascript突出显示搜索词

这是我的设想；我有一个html，如下所示，如何使用Javascript突出显示结果中的搜索词

我的意思是当我输入：Ho->首页的前两个字母将突出显示。

---

如果我搜索HOME：结果中的整个单词将突出显示。

这里是一个非常基本的示例：

HTML

Search: <input id="test"/>
<ul id="results"></ul>

搜索：

Javascript

var results = ["Result1 Description", "Result2 Description", "Result3 Description"];

$("#test").change(function(){
    $("#results").empty();
var searchTerm = $(this).val();


for(var i = 0; i < results.length; i++){
    if(results[i].indexOf(searchTerm) != -1){

        $("#results").append("<li>"+ results[i].replace(searchTerm, "<span class=\"wrap\">" + searchTerm + "</span>") + "</li>");
    }
}
});

var results=[“Result1描述”、“Result2描述”、“Result3描述”]；
$（“#测试”）.change（函数（）{
$（“#结果”）.empty（）；
var searchTerm=$（this.val（）；
对于（var i=0；i”+结果[i]。替换（searchTerm，“+searchTerm+”）+””；
}
}
});

---

工作示例

代码在哪里？您尝试过什么？1小时前的问题是这样的，示例代码为：@FSou1，很好的建议。请注意，该示例中有jQuery.Think，请考虑如何突出显示字符串中的子字符串，这样概念将更加清晰。发布一些到目前为止您尝试过的代码。可能重复：@BRI:您是在查看示例还是在复制和粘贴代码？在本例中，尝试在文本框中键入

sult

，然后按tab键触发更改事件。