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
查看全文
相关阅读:
基于AOP实现Ibatis的缓存配置过期策略
Step by Step构建自己的ORM系列配置管理层
云计算从基础到应用架构系列云计算的演进
设计模式系列桥接模式
云计算从基础到应用架构系列云计算的概念
云计算从基础到应用架构系列虚拟化的技术(上)
设计模式系列装饰模式
typeof和GetType区别
白话学习MVC(四)URL路由
五、DirectX编程
原文地址:https://www.cnblogs.com/myssh/p/1574912.html
最新文章
设计模式学习笔记十六:代理模式(Proxy Pattern)
【转载】SQLite基本语法手册(二)
一步步学习WCF(3):WCF,我在哪儿能找到你?
设计模式学习笔记十四:适配器模式、桥接模式与外观模式
linq学习笔记(6):Join操作
设计模式学习笔记十七:组合模式(Composite Pattern)
webservice远程调试开启
设计模式学习笔记十三:外观模式(Facade Pattern)
使用Ext JS技术拖动树结点
可循环显示图像的Android Gallery组件
热门文章
中国移动开发者社区专访:学习Android的两大法宝
移动互联网的新宠:Android之缤纷世界
哈佛大学凌晨4点半的景象
Android系统原理与源码分析(1):利用Java反射技术阻止通过按钮关闭对话框
《Android/OPhone开发完全讲义》连载(7):使用SharedPreferences存取复杂数据
《Android/OPhone开发完全讲义》连载(8):收到短信了,我该做点什么?
实现基于Android的英文电子词典
不使用中间变量交换两个数(Java版)
设计模式系列享元模式
云计算从基础到应用架构系列虚拟化的概念
Copyright © 2011-2022 走看看