JavaScript搜索关键字返回结果关键字加红

最新推荐文章于 2024-07-15 17:27:33 发布

傲娇萌萌哒

最新推荐文章于 2024-07-15 17:27:33 发布

阅读量3.2k

点赞数 1

分类专栏： JavaScript 文章标签：函数搜索返回结果关键字凸 JavaScript

本文链接：https://blog.csdn.net/guanzhengyinqin/article/details/78028015

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏



/**
 * 请求代码
 * **paramLikeKey** 搜索关键字
 */
function getVisitorsRecord(currentPage,paramResult,paramStartTime,paramEndTime,paramLikeKey){
    $.get(
        "../visitor/getAllVisitor",
        {
            organizationId:$("#user_news_hidden_organization_id").val(),
            page:currentPage,
            operationCode:2,
            result:paramResult,
            startTime:paramStartTime,
            endTime:paramEndTime,
            likeKey:paramLikeKey
        },
        function(data,status){
            var str = "";
            if(typeof(paramLikeKey)!="undefined"){
                if(paramLikeKey != ""){
                    str = paramLikeKey;
                }
            }
            //.replace("size=60", "size=200")
            //alert(paramLikeKey);
            var obj = JSON.parse(data);
            if(obj.hasData){
                var visitorArr = obj.visitors;
                //调用函数
                changeVisitorsRecord(visitorArr,str);
            }else{
                $(".user_news_visitor_clazz").remove();
                $("#user_news_tbody_visitors_record").append(
                        "<tr class='user_news_visitor_clazz'>"+
                        "<td colspan='7' style='color:blue;text-align:center;'>没有数据</td>"+
                        "</tr>"
                        );
            }
        }
    );
}

这是一个切换列表的函数  
/**
 * 替换列表
 */
function changeVisitorsRecord(visitors,keyValue){
    var hasKey = false;
    if(keyValue!=""){
        hasKey = true;
    }

    $(".user_news_visitor_clazz").remove();

    $.each(visitors,function(index,item){
        var name = "";
        var content = "";
        var address = "";
        var intervieweeName = "";
        if(hasKey){
        //用replace函数替换关键字
            name = item.name.**replace**(keyValue, "<span style='color:red;font-weight:bold;'>"+keyValue+"</span>");
            content = item.visitContent.replace(keyValue, "<span style='color:red;font-weight:bold;'>"+keyValue+"</span>");
            address = item.address.replace(keyValue, "<span style='color:red;font-weight:bold;'>"+keyValue+"</span>");
            intervieweeName = item.intervieweeName.replace(keyValue, "<span style='color:red;font-weight:bold;'>"+keyValue+"</span>");
        }else{
            name = item.name;
            content = item.visitContent;
            address = item.address;
            intervieweeName = item.intervieweeName;
        }

        var resultType = "状态";
        switch(parseInt(item.result)){
        case 1:
            resultType = "同意";
            break;
        case 2:
            resultType = "拒绝";
            break;
        case 0:
            resultType = "待处理";
            break;
        }

        $("#user_news_tbody_visitors_record").append(
            "<tr class='user_news_visitor_clazz'>"+
                "<td>"+name+"</td>"+
                "<td>"+content+"</td>"+
                "<td>"+item.visitingTime.split(".")[0]+"</td>"+
                "<td>"+address+"</td>"+
                "<td>"+resultType+"</td>"+
                "<td>"+intervieweeName+"</td>"+
                "<td class='center'>"+
                    "<a href='javascript:;' onclick=\"openLayer('.visitor-layer')\" class='abtn'>详情</a>"+
                "</td>"+
            "</tr>" 
        );
    });

}