搜索列表关键字高亮显示

搜索列表关键字高亮显示

【参考方法】
/**
 * 高亮显示方法
 */
function highlight(searchText, className) {
    //创建正则表达式
    let regExp = new RegExp(searchText, "g");
    $("." + className).each(function () {
        let html = $(this).html();
        //将找到的关键字替换，加上highlight属性
        let newHtml = html.replace(regExp, "<span style='color:#dd2421;margin-left:3px;margin-right:3px;' >" + searchText + "</span>");
        //更新标题
        $(this).html(newHtml);
    });
}

【显示效果】