jQuery列表检索功能实现代码

先给大家展示下效果图：

这是一个简单的列表 右上角有一个检索功能 我们要实现的是列表检索功能 是用的jquery实现的 具体代码如下

$(function(){
      $("input[type=button]").click(function(){
        var txt=$("input[type=text]").val();
        if($.trim(txt)!=""){
          $(".ggsm_list li span").parent().hide().filter(":contains('"+txt+"')").show();
        }else{
          $(".ggsm_list li").show();
        }
      });
    });

给按钮一个点击事件，首先获取到input中的值，然后让span的其它父元素都隐藏(其实就是隐藏掉其它的li标签)然后查找含有txt(就是input中值)的那一个li，然后显示出来

$("#textInput").on("keypress", function (e) {
        if (e.charCode === 13) {
          var txt=$("input[type=text]").val();
          if($.trim(txt)!=""){
            $(".ggsm_list li span").parent().hide().filter(":contains('"+txt+"')").show();
          }else{
            $(".ggsm_list li").show();
          }
        }

这个代码是对键盘回车键做的一个优化(代码不多很简单)

以上所述是小编给大家介绍的jQuery列表检索功能实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# jquery  # 列表检索  # 检索功能  # php+mysql+jquery实现简易的检索自动补全提示功能  # jQuery数据检索中根据关键字快速定位GridView指定行的实现方法  # jQuery实现高级检索功能  # 小编  # 的是  # 在此  # 不多  # 回车键  # 这是一个  # 给大家  # 很简单  # 所述  # 给我留言  # 感谢大家  # 先给  # 有一个  # 疑问请  # 有任何  # orphans  # widows  # weight  # float  # rgb 

相关文章： 网站视频怎么制作,哪个网站可以免费收看好莱坞经典大片？  建站主机SSH密钥生成步骤及常见问题解答？  定制建站平台哪家好？企业官网搭建与快速建站方案推荐  建站之星IIS配置教程：代码生成技巧与站点搭建指南  微网站制作教程,不会写代码，不会编程，怎么样建自己的网站？  如何在阿里云域名上完成建站全流程？  php json中文编码为null的解决办法  学生网站制作软件,一个12岁的学生写小说，应该去什么样的网站？  如何制作公司的网站链接,公司想做一个网站，一般需要花多少钱？  如何配置支付宝与微信支付功能？  如何正确下载安装西数主机建站助手？  临沂网站制作公司有哪些,临沂第四中学官网？  如何在Golang中指定模块版本_使用go.mod控制版本号  建站之星代理商如何保障技术支持与售后服务？  建站之星展会模板：智能建站与自助搭建高效解决方案  山东网站制作公司有哪些,山东大源集团官网？  家庭建站与云服务器建站，如何选择更优？  如何在阿里云虚拟主机上快速搭建个人网站？  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍？  网站制作的步骤包括,正确网址格式怎么写？  建站之星后台密码遗忘或太弱？如何重置与强化？  制作电商网页,电商供应链怎么做？  电商平台网站制作流程,电商网站如何制作？  广州建站公司哪家好？十大优质服务商推荐  网站制作多少钱一个,建一个论坛网站大约需要多少钱？  深圳 网站制作,深圳招聘网站哪个比较好一点啊？  开封网站制作公司,网络用语开封是什么意思？  高端企业智能建站程序：SEO优化与响应式模板定制开发  浅谈Javascript中的Label语句  Python文件管理规范_工程实践说明【指导】  建站VPS选购需注意哪些关键参数？  如何在阿里云通过域名搭建网站？  商务网站制作工程师,从哪几个方面把握电子商务网站主页和页面的特色设计？  企业网站制作公司网页,推荐几家专业的天津网站制作公司？  建站之星安装失败：服务器环境不兼容？  深入理解Android中的xmlns:tools属性  如何通过FTP服务器快速搭建网站？  北京专业网站制作设计师招聘,北京白云观官方网站？  定制建站哪家更专业可靠？推荐榜单揭晓  建设网站制作价格,怎样建立自己的公司网站？  北京网站制作公司哪家好一点,北京租房网站有哪些？  如何基于云服务器快速搭建个人网站？  建站之星微信建站一键生成小程序+多端营销系统  深圳网站制作培训,深圳哪些招聘网站比较好？  南平网站制作公司,2025年南平市事业单位报名时间？  如何快速搭建二级域名独立网站？  如何选择可靠的免备案建站服务器？  C++如何使用std::optional？（处理可选值）  东莞专业制作网站的公司,东莞大学生网的网址是什么？  Swift中switch语句区间和元组模式匹配