JS高亮显示搜索关键字【原创】

      以前写过一个JS高亮显示搜索关键字，现在需求改变，随之。。显示的方式也不同了，以前是在一段文本中匹配所有词组，这个方便点，现在要做的是，把搜索的关键字拆开，匹配单个的字符，难度增加，以前的方式使用了正则，请看另一篇文章替换指定文本,忽略大小写，现在的实现方式请看代码：

JS-CODE

$(function()
        {
            var val = $("#query").val();
            var html_0="<font color='red'>",html_1="</font>";
            $(".WebSite_Content").each(function(i,e){
                var html = e.innerHTML;
                for (var i = 0,len = val.length; i < len; i++) {
                    var index = html.indexOf(val.charAt(i));
                    if (index > -1) {
                        html = html.substring(0,index)+html_0+html.substring(index,++index)+html_1+html.substring(index);
                    }
                }
                e.innerHTML = html;
            });

        });

       总结：使用此方法有个缺点，只是针对中文的字符，当遇到英文字母的时候有Bug