HighlIght搜索詞在html中使用javascript

Question

這是我的場景;我有一個如下所示的html，我怎樣才能突出使用Javascript的結果中的搜索字詞？

我的意思是當我輸入：Ho - > 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/