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

//模糊匹配

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

时间: 2024-12-09 03:21:46

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

下拉列表实现模糊匹配选择

最近在做一个在文本框输入关键字, 文本框下动态显示加载相关内容的下拉列表的效果, 就是类似于百度和淘宝搜索框这种效果. 不断的研究加上尝试, 得到两种方案解决这个需求, 特意记录一下, 以免下次用的时候忘记. 方法一: HTML5新增的datalist标签 HTML5作为当下最为热门的 Web 技术, 已经在互联网行业得到了普遍应用, 基于HTML5的浏览器和Web引擎为用户带来了感知体验上的巨大飞跃, 并将Web应用带入了一个新的发展阶段, 可以预见HTML5会有更广泛的使用及更好的发展. H

转:zTree树控件扩展篇:巧用zTree控件实现文本框输入关键词自动模糊查找zTree树节点实现模糊匹配下拉选择效果

是否可以借助于zTree实现文本框输入关键词自动模糊匹配zTree下拉树,然后选择下拉树内节点显示在文本框内且隐藏下拉树. 看到这个需求脑子里头大致已经想到了要如何实现这样一个需求,当时是限于时间问题所以没有动手处理.今天闲来无事琢磨了一下这个需求.我的解决思路如下所示: 1.监听文本框的onkeyup事件:实时传递其值到某个函数: 2.编写某个函数接收文本框的值通过zTree的模糊查找方法getNodesByParamFuzzy(key,value)获得: 3.将匹配到的节点列表结合重新赋值给

EasyUI combobox下拉列表实现搜索过滤(模糊匹配)

项目中的某个下拉列表长达200多个项,这么巨大的数量一个一个找眼镜都得看花,于是就得整了个搜索功能.看网上别人帖子有只能前缀匹配的方案,但只能前缀匹配的话用起来也不是很方便.于是就记录一下模糊匹配的方案. 实现效果: 这里使用的是combobox组合框,对于combobox的创建可以使用<input>输入框,也可以使用<select>下拉选.我使用的是<select>: HTML代码 <label>关联课程</label> <select

Linux使用技巧——find结合grep模糊匹配文件搜索关键字

find结合grep模糊匹配文件搜索关键字 不知道哪个单词在哪个文件里面可以使用这种方法 [[email protected] window_books]# find . -name "*txt" -type f | xargs grep "description" ./2013_liuyinan_5500_words_21-32.txt:1309 description ?????????????? n. 描写,形容:种类 ion-名词后缀 ./2013_liuy

2 Match、Filter、排序、分页、全文检索、短语匹配、关键词高亮

查索引内所有文档记录 GET  /beauties/my/_search GET  /beauties/my/_search { "query":{ "match_all": {} } } 匹配.排序 GET  /beauties/my/_search { "query": { "match": { "Name": "Ruru" } }, "sort": [ {&qu

xpath和contains模糊匹配

xpath可以以标签定位,也可以@任意属性: 如:以input标签定位:driver.find_element_by_xpath("//input[@id='kw']") 如:@type属性:driver.find_elements_by_xpath("//input[@type='text']") 一.xpath定位 1.常规属性 1.通过id定位driver.find_element_by_xpath("//*[@id='kw']").sen

关键字模糊匹配

关键词模糊匹配,如候选词集合为{‘我爱北京天安门’,‘北京西站’,‘上海外滩’},输入‘北京’,要匹配出{‘我爱北京天安门’,‘北京西站’} 想到了如下几种方法: 1. 正则法 将所有关键词集合存入数组或字典中,然后用关键字进行正则匹配. 效率略慢,400万候选词的话,约用时4s 2.reids法 有两种子方法 keys命令模糊匹配 keys *北京* 官方不推荐这种做法 sscan命令模糊匹配 SSCAN myset 0 MATCH *北京* COUNT 4000000 400万候选词的话,约

js模糊匹配

<div> <input type="text" placeholder="请输入..." id="input"/><button>搜索</button> <ul id="inputInfo"></ul> </div> let search = [] let list = '' var inputArr = [] document.getEle

在DOM中搜索元素

方法 现代浏览器中使用XPath document.getElementById document/node.getElementsByTagName Limit search by parent element document.getElementsByName document/node.getElementsByClassName document/node.querySelector, querySelectorAll 实践 标签链接 显示子节点数量 更多 总结 大部分时间里,为了与用