关键字高亮显示

          //一定要先判断是否非空,不然代码会报错无法往下执行 
          var flag1 = $("#keyword").val() != undefined; var flag2 = $("#keyword").val() != null; var flag3 = $("#keyword").val() != ''; if ( flag1&&flag2&&flag3) { var keyword=$("#keyword").val();
            //RegExp()是配备正则表达式
            //keyword 表示我们要匹配的字符串,也就是keyword,ig 是匹配的模式
            //i : 表示不区分大小写匹配。
     //g : 表示全局匹配。

            // 对RegExp()有兴趣可以参考: http://www.w3school.com.cn/js/js_obj_regexp.asp
var reg = new RegExp(keyword, 'ig'); var tableId = document.getElementById("table"); if (keyword!= null) { for (var i = 1; i < tableId.rows.length; i++) { for (var j = 1; j < tableId.rows[i].cells.length; j++) { var bb = tableId.rows[i].cells[j].innerHTML; console.log(bb); var displayColor = '<span style="color:#4e55ff">' + keyword+ '</span>';
                    //第一个参数reg 为匹配的 RegExp对象,第二个为 我们要替换的文本
var cc = bb.replace(reg, displayColor); tableId.rows[i].cells[j].innerHTML = cc; } } } }

posted @ 2019-03-15 21:40  刘阿泽  阅读(564)  评论(0编辑  收藏  举报