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
查看全文
相关阅读:
Jupsh_flutter Android 收不到消息 / 排查不出请根据第 9 点说明提供信息
angular表单 Dom获取表单值以及双向数据绑定
angular中的组件以及组件中的模板合成
Flutter开发的app进行设备判断是Ios还是android
Java的封装
GCD编程 之 略微提高篇
多线程基础(六)GCD基础
我遇到的CocoaPods的问题(也许后期会解决,持续更新)
iOS之通过PaintCode快速实现交互动画的最方便方法 未解问题
多线程基础(五)NSThread线程通信
原文地址:https://www.cnblogs.com/myssh/p/1574912.html
最新文章
在子线程中发送短信,静态注册SentMsgReceiver。
未读信息个数等于零时不弹窗,否则弹窗
Unable to instantiate application com.txrj.sms.activity.TxrjApplication
调用布局View的performClick()方法
requires the FLAG_ACTIVITY_NEW_TASK flag
监听是否收到新的信息
Dotfuscator混淆时的配置信息
史上最全的微信小程序代码大全
c# json 序列化如何去掉null值
winform调用webservice假死怎么解决
热门文章
WinForm时间选择控件(DateTimePicker)如何选择(显示)时分秒
“无法启动IIS Express Web服务器”的解决办法
SpringBoot实现JWT保护前后端分离RESTful API
Shiro+JWT+Spring Boot Restful简易教程
spring boot 打包引入第三方jar
Rxjs6.x异步数据流编程-Angular Rxjs快速入门教程
Angular中的生命周期函数
angular的父子组件的通信
Angular中的Dom操作以及@ViewChild
Angular中的服务 以及自定义服务
Copyright © 2011-2022 走看看