首页 > 代码库 > 高亮显示 筛选 搜索元素 模糊匹配 多关键词搜索
高亮显示 筛选 搜索元素 模糊匹配 多关键词搜索
//模糊匹配
check.onclick = function(){
for(i = 0;i<ul.children.length;i++){
var list = ul.children[i].innerHTML;
var inputValue = http://www.mamicode.com/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
高亮显示 筛选 搜索元素 模糊匹配 多关键词搜索
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。