搜索关键字标红

发表于 | 更新于: | 分类于
字数统计: 249 | 阅读时长 ≈ 1

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

处理函数

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
}