zoukankan
html css js c++ java
JS高亮显示搜索关键字【原创】
以前写过一个JS高亮显示搜索关键字,现在需求改变,随之。。显示的方式也不同了,以前是在一段文本中匹配所有词组,这个方便点,现在要做的是,把搜索的关键字拆开,匹配单个的字符,难度增加,以前的方式使用了正则,请看另一篇文章
替换指定文本,忽略大小写
,现在的实现方式请看代码:
JS-CODE
$(function()
{
var val = $("#query").val();
var html_0="<font color='red'>",html_1="</font>";
$(".WebSite_Content").each(function(i,e){
var html = e.innerHTML;
for (var i = 0,len = val.length; i < len; i++) {
var index = html.indexOf(val.charAt(i));
if (index > -1) {
html = html.substring(0,index)+html_0+html.substring(index,++index)+html_1+html.substring(index);
}
}
e.innerHTML = html;
});
});
总结:使用此方法有个缺点,只是针对中文的字符,当遇到英文字母的时候有Bug
查看全文
相关阅读:
NFS-网络文件共享服务
CentOS7.5基础优化与常用配置
29张截图-全新安装CentOS7.5-超详细!
VMware跨电脑移动Linux虚拟机
搭建markdown图床-腾讯云COS
tcpdump-抓包工具-Linux
vmware克隆虚拟机
CentOS6.9安装httpd并正确配置静态IP地址
区块链核心技术与应用
docker安装jenkins自动化部署
原文地址:https://www.cnblogs.com/myssh/p/1574912.html
最新文章
一年犹太人读书64本中国人4本反映啥
浏览器的同源策略
好的安全工具就该藏着?
Padding Oracle Attack的一些细节与实现
世界上最爱读书的民族:犹太民族
杭二中校长叶翠微谈名校生:不只会做题 更要懂得读书
cookie窃取和session劫持
2014-04-09 互联网Web安全职位面试题目汇总
webshell
keeplived工作原理及配置
热门文章
PHP编译安装
zabbix特性
kickstart无人值守安装之实践篇
nginx之编译安装
Nginx web服务优化 (一)
shell脚本调试
jumpserver 堡垒机搭建
安装linux系统后调优及安全设置
Linux光标移动异常
http-从域名到页面
Copyright © 2011-2022 走看看