Question

这是我的情景;我有一个如下的HTML，如何使用Javascript突出显示结果中的搜索词？

我的意思是当我输入：Ho - ＆gt; HOME的前2个字母将突出显示。如果我搜索HOME：结果中的整个单词将突出显示。

Answer 1

这是一个非常基本的例子：

<强> 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>");
    }
}
});

工作示例 http://jsfiddle.net/t3BZ6/

在html中使用javascript的HighlIght搜索词

1 个答案: