利用js实现搜索关键字变红色

先看一下效果图

 

在js中利用该函数进行获取class为finKey的标签并对其内容进行关键字的转换，重写在HTML中。

　　　　　 /**
         * 将关键字变为红色
         * @param keyWord   关键字字符串
         * @returns .finKey class类为finKey
         */
        function changeKeyRed(keyword) {
            if (keyword!=''){
                $(".finKey").each(function () {
                    var str=$(this).text();
                    var substr="/("+keyword+")/g";
                    var replaceStr=str.replace(eval(substr),"<span style='color:red;font-weight:bold'>"+keyword+"</span>")
                    $(this).html(replaceStr);
                });
            }
        }