码迷,mamicode.com
首页 > 其他好文 > 详细

高亮显示 筛选 搜索元素 模糊匹配 多关键词搜索

时间:2017-03-17 12:08:52      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:style   back   search   inpu   查找   input   val   htm   color   

//模糊匹配

check.onclick = function(){
for(i = 0;i<ul.children.length;i++){
var list = ul.children[i].innerHTML;
var inputValue = inPut.value;
if(list.search(inputValue) != -1){
ul.children[i].style.background = ‘yellow‘; // 注意这里不可以再用list这个变量了,也不能是innerhtml了,不然搜索不到。
}else{
list[i].background = ‘‘;
}

}

}

//多关键词查找
check.onclick = function(){ for(i = 0;i
<ul.children.length;i++){ var list = ul.children[i].innerHTML; var inputValue = inPut.value; var gdhs = inputValue.split(‘ ‘) //list.match(gdhs); for(j = 0;j<gdhs.length;j++){ if(list.search(gdhs[j] !=-1)){ ul.children[i].style.background = ‘yellow‘; }else{ ul.children[i].style.background = ‘‘; } } } }
//match匹配 多关键词查找
check.onclick = function(){ for(i = 0;i
<ul.children.length;i++){ var list = ul.children[i].innerHTML; var inputValue = inPut.value; var gdhs = inputValue.split(‘ ‘) //list.match(gdhs); for(j = 0;j<gdhs.length;j++){ if(list.match(gdhs[j])){ ul.children[i].style.background = ‘yellow‘; }else{ ul.children[i].style.background = ‘‘; } } } }

 

lhdfgdsa

高亮显示 筛选 搜索元素 模糊匹配 多关键词搜索

标签:style   back   search   inpu   查找   input   val   htm   color   

原文地址:http://www.cnblogs.com/Jerry-spo/p/6565062.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!