JQuery 设置高亮(多个关键词)

最新推荐文章于 2022-01-25 20:13:00 发布

现在饿了

最新推荐文章于 2022-01-25 20:13:00 发布

阅读量863

点赞数 1

本文链接：https://blog.csdn.net/xj880426/article/details/8270298

版权

            ///<summary>高亮显示关键字</summary>
            var searchVal ="1,2,3,4";
            var arr = searchVal.split(' ');
            for (var i in arr) {
                if ("" != arr[i]) {
                    var codeMatch = arr[i].match(/[a-zA-Z0-9]/g);
                    var key = arr[i];
                    if (codeMatch) {
                        var key = ">" + searchVal;
                    }
                    var regex = new RegExp(key);
                    if (key != "") {
                        $("span[id^='shopname_']").each(function () {
                            var inner = $(this).html();
                            if (codeMatch) {
                                inner = inner.replace(key, "><em class=\"red\">" + arr[i] + "</em>");
                            } else {
                                inner = inner.replace(key, "<em class=\"red\">" + arr[i] + "</em>");
                            }
                            $(this).html(inner);
                        });
                    }
                }

            }