文本搜索 高亮显示

/*** 搜索   选中文字高亮* */$(".message_search_right input").keyup(function(){var  $this = $(this),searchText = $this.val();clearSelection();//先清空一下上次高亮显示的内容;var regExp = new RegExp(searchText, 'g');//创建正则表达式,g表示全局的,如果不用g,则查找到第一个就不会继续向下查找了;$(".message_listbox").each(function(idx, elm){var html = $(this).find("h2").html();var newHtml = html.replace(regExp, ''+searchText+'');//将找到的关键字替换,加上highlight属性;$(this).find("h2").html(newHtml);//更新文章;
            });});function clearSelection(){$(".message_listbox").each(function(idx, elm){$(elm).find("h2 .highlight").each(function(i,e){ //找到所有highlight属性的元素;$(e).replaceWith($(this).html());  //将他们的属性去掉;
                });});}

 

转载于:https://www.cnblogs.com/yuexin/p/6196740.html


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部