搜索关键字标红

在开发微信聚合平台的时候,用户进行搜索的时候,将搜索结果中包含用户输入的关键字标红,以方便用户发现差异。

处理函数

1
function setHeightKeyWord(keyword) {
2
    /* 获取需要处理的关键字 */
3
    var tempHTML = $("#demo").html();
4
    /* 关键字替换文本 该文本设置有高亮颜色 */
5
    var replaceText = "<font style='color:red;'>$1</font>";
6
    /* 关键字正则匹配规则 */
7
    var r = new RegExp("(" + keyword + ")", "ig");
8
    /* 将匹配到的关键字替换成我们预设的文本 */
9
    tempHTML = tempHTML.replace(r, replaceText);
10
    /* 将文本显示到浏览器上 */
11
    return tempHTML
12
    // $("#demo").html(tempHTML);
13
}

因为文章使用的信息流加载,所以次函数没有使用,只是核心就是这个正则表达式,然后进行相应的文本替换即可,同时记录下判断用户输入是否未空的判断

1
if (keyword.match(/^[ ]*$/)){
2
    layer.msg("搜索关键词不能为空!");
3
    return ;
4
}