纯前端实现搜索功能、模糊查询 |
您所在的位置：网站首页 › 前端数据查询 › 纯前端实现搜索功能、模糊查询 |
|
参考链接：https://blog.csdn.net/weixin_30920513/article/details/97463450 思路：1.先获取搜索框的内容 2.第二步获取要查询的内容，注意写到for循环里面（比如我是按照标题查询，先写for循环，逐一获得标题内容，即查询内容） 3.用mach()方法去匹配，不符合条件的加，display:none,隐藏掉该条数据css: #noFound{ color:#676a6c; text-align:center; padding:20px; display:none; }html结构大致如下： 搜索 任务：xxx项目开发 ...没有找到匹配的记录 //一开始display 默认为nonejs：核心代码已标红 //搜索 function search(){ var searchContent = $("#searchContent").val();//获取input输入框值 var searchLen = $("#finished li").length;//获取查询条数，页面li的数目 var searchAll = $("finished .planTitle span").text(); for (var i=0; i |
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |