zoukankan      html  css  js  c++  java
  • 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
  • 相关阅读:
    HDU 5671 矩阵
    HDU 5670
    UVA 11995 STL 使用
    VK Cup 2016
    字段定义
    apache用户
    apache
    使用第三方登录
    setex()
    如果客户端禁用了cookie,如何实现session
  • 原文地址:https://www.cnblogs.com/myssh/p/1574912.html
Copyright © 2011-2022 走看看