文本搜索高亮显示

/*** 搜索   选中文字高亮* */$(".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, '<span class="highlight">'+searchText+'</span>');//将找到的关键字替换，加上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

文本搜索高亮显示相关推荐

Linux文本搜索：grep命令
grep作用 Linux系统中grep命令是一种强大的文本搜索工具,它能使用正则表达式搜索文本,并把匹配的行打印出来. grep全称是Global Regular Expression Print, ...
Linux之文本搜索命令 grep
Linux之文本搜索命令 1. grep命令的使用命令说明 grep 文本搜索 grep命令效果图: [使用单引号和双引号效果是一样的] 2. grep命令选项的使用命令选项说明 -i 忽略大 ...
Linux文本搜索工具grep
简介 grep命令是一种强大的文本搜索工具,它能使用正则表达式搜索文件内容,并把域值所匹配的行打印出来 grep命令语法结构 grep [options] '要搜索的字符串' filename gre ...
Linux学习命令汇总三——Linux用户组管理，文件权限管理，文本搜索命令grep及正则表达式...
本章Blog相关Linux知识点解析:在数据库按搜索码查找相对应的条目,并找与之对应额外的其他数据库的过程:名称解析:UID ,组名解析:GID 数据库:文本文件,sql数据库,ldap数据库,用户 ...
linux如何查看归档文件,linux基本命令：文本搜索，拷贝文件，移动文件，归档管理，压缩解压缩文件，查看命令位置...
1.文本搜索:grep grep查找的是文件内容中的文本,字符需要用引号括起来,单引双引都可以格式:grep [-选项] '内容' 文件名例如: -v显示不包含匹配文本的所有行(相当于求反) -n ...
FlexPaper二次开发问题及搜索高亮显示
原文:FlexPaper二次开发问题及搜索高亮显示最近有个需求,做一个IT知识库,类似于文库,说到文库肯定会用到在线浏览文档了,所有在网上翻阅了一下类似豆丁的在线浏览器插件的资料,将其进行了二次开发 ...
数据库9：联结表高级联结组合查询全文本搜索
第十五章联结表 Sql最强大的功能之一就是能在数据检索查询的执行中联结(join)表.联结是利用sql的select能执行的最重要的操作,能很好的理解联结及其语法是学习sql的一个极为重要的组成部分. ...
javascript 查找文本并高亮显示
今天简单滴写了一个demo,简单地查找目标文本并且高亮显示.其主要用到了全局匹配和替换的方法,即:RegExp和replace 在其中遇到的一个问题是忘记了把改变了的html字符串重新写入到容器中,导 ...
MySQL（十）操纵表及全文本搜索
一.创建表 MySQL不仅用于表数据操作,还可以用来执行数据库和表的所有操作,包括表本身的创建和处理. 创建表一般有如下两种方式: ①使用具有交互式创建和管理表的工具: ②直接使用MySQL语句操纵表 ...

文本搜索高亮显示

文本搜索高亮显示相关推荐

最新文章

热门文章

文本搜索 高亮显示

文本搜索 高亮显示相关推荐

最新文章

热门文章

文本搜索高亮显示

文本搜索高亮显示相关推荐