Jquery 搜索 - 不区分大小写

2024-04-20

我在 Jquery 脚本上获得了一些帮助,该脚本创建了可搜索、可切换的常见问题解答。代码可以在这里看到:

http://jsfiddle.net/pT6dB/62/ http://jsfiddle.net/pT6dB/62/

问题是,如果单词“How”带有大写“H”,我搜索“h”,它不会找到它。如何使该脚本不区分大小写?


Update

或者,您可以使用正则表达式显着减少代码量。jsFiddle 演示 http://jsfiddle.net/GeekyEggo/pT6dB/72/

$('#search').keyup(function(e) {
    // create the regular expression
    var regEx = new RegExp($.map($(this).val().trim().split(' '), function(v) {
            return '(?=.*?' + v + ')';
        }).join(''), 'i');

    // select all list items, hide and filter by the regex then show
    $('#result li').hide().filter(function() {
        return regEx.exec($(this).text());
    }).show();
});​

Original

根据您当前确定相对元素的算法,您可以使用 jQueryfilter方法来过滤你的结果keywords大批。这是一个粗略的想法:

// select the keywords as an array of lower case strings
var keywords = $(this).val().trim().toLowerCase().split(' ');

// select all list items, hide and filter then show
$('#result li').hide().filter(function() {
    // get the lower case text for the list element
    var text = $(this).text().toLowerCase();        

    // determine if any keyword matches, return true on first success
    for (var i = 0; i < keywords.length; i++) {
        if (text.indexOf(keywords[i]) >= 0) {
            return true;
        }
    }
}).show();
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Jquery 搜索 - 不区分大小写 的相关文章

随机推荐

  • XMLHttpRequest 无法加载 URL。 Access-Control-Allow-Origin 不允许来源

    我想创建一个使用来自另一个域的 xml 数据的小型网站 天气数据来自 Weather Underground www wunderground com 我只使用 html 和 javascript 并在 Visual Studio Expr
  • 如何在 Adob​​e Media Server 中允许来自 Javascript 的 CORS 请求

    我有一个 html 页面 从 javascript 调用 HLS 收到标头 allow control allow origin 的 CORS 错误 我正在使用 Adob e Media Server 4 5 我如何允许来自 javascr
  • 如何使用 peewee 更新多条记录

    我正在使用 Peewee 和 Postgres 数据库 我想知道如何一次更新一个表中的多条记录 我们可以使用 SQL 来执行此更新这些命令 https stackoverflow com questions 20255138 sql upd
  • java路径没有指向windows中的sdk路径

    我已经设置了环境变量 JAVA HOME C Program Files Java jdk1 8 0 144 并将 C Program Files Java jdk1 8 0 144 bin 添加到 Path 在用户变量和系统变量中 但它指
  • 尝试在 Flask 应用程序中取消模型时出现 ModuleNotFoundError

    Python版本 3 6 9 我用过pickle将机器学习模型转储到文件中 当我尝试使用 Flask 对其运行预测时 它失败了ModuleNotFoundError No module named predictors 我如何修复此错误 以
  • 使用 jQuery 重定向[重复]

    这个问题在这里已经有答案了 所以我将 jquerymobile 用于我正在创建的应用程序 我有一个链接 如果所有验证都通过 我想通过 但如果失败 我想重定向 在 jquery 中是这样的 由于它是 jquerymobile 因此链接将是同一
  • 用于调用 REST 服务的 Java API [关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 有人可以建议一种更好的开源 Java API 来调用 REST 服务吗 还想知道 Restlet AP
  • 使用 javascript 屏幕延迟抓取网站 [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我正在尝试抓取一个有瞬间 JavaScript 延迟的网站 我目前正在使用 python 进行抓取 每当我 获取 页面时 JavaSc
  • Silverlight NavigationFramework 在导航时不会更改地址栏(不显示主题标签)

    我正在使用导航框架 基本上得到了一个用于导航的框架 我试过玩mainFrame JournalOwnership因为我想也许改变它可能与此有关 但没有任何改变 由于与导航相关的类结构非常小 因此我对我做错了什么感到有点困惑 因为我想不出可以
  • 赫尔姆出了什么问题?为什么它没有被广泛采用并优先用于 k8s 应用程序? [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 到目前为止 Helm 是我所知道的唯一 K8s 包管理器 它可以帮助无缝部署和管理 k8s 应用程序依赖项 为什么这么多 K8s 应用程序仍然没
  • 从 pyinstaller 包访问 python 解释器 #2

    我正在尝试执行一个包含在 datas 中的 python 脚本 并捆绑到 pyinstaller 可执行文件中 在 Mac 上 我需要将参数传递给这个脚本 所以我不能只是 exec open read 在 pyinstaller 之外 sy
  • PayPal Webhook 验证 Java SDK

    我目前正在将 PayPal 智能支付按钮 集成到 Web 应用程序中 传递自定义字段并接收带有此数据的 Webhook 购买确认效果非常好 我在验证收到的 Webhook 时遇到问题 文档很差 导致 v1 已弃用 或 v2 Java SDK
  • .htaccess 中的多个 mod_rewrite 规则

    我很难让多个 mod rewrite 规则在我的 htaccess 文件中协同工作 在整个网站中 我想删除 www 来自所有 URL 我在文档根目录中使用以下内容 Options FollowSymLinks RewriteCond HTT
  • jsfiddle如何标记代码?有这个库吗?

    如果您曾经使用过 www jsfiddle net 您可能会注意到它用适当的颜色标记代码 以及各种其他帮助程序 例如将制表符转换为四个空格或shift tab 通过 Firebug 我看到它是通过 iFrame 来完成此操作的 有没有开源库
  • Clock_nanosleep() 尚不支持 CLOCK_MONOTONIC_RAW。这该如何处理呢?

    现在clock nanosleepDebian Jessie 上的 CLOCK MONOTONIC RAW 返回 EOPNOTSUPP 如何解决该问题并补偿可能应用于计时器循环中的 CLOCK MONOTONIC 的 NTP 调整 Is c
  • Oracle/SQL中ROWID的数据类型

    Oracle SQL中ROWID的数据类型是什么 这个值是如何存储的 以下链接解释了 ROWID 的数据类型是什么 ROWID 数据类型 http docs oracle com cd B19306 01 server 102 b14200
  • 如何在 emacs 中对多种语言进行拼写检查?

    我主要使用 HTML 编写文档emacs作为我的主要编辑 Emacs 允许您使用以下命令以交互方式对当前缓冲区进行拼写检查ispell buffer 由于我在多种语言之间切换 因此我在文件末尾有一个 HTML 注释 指定该文件的主词典和个人
  • Github 贡献日历日开始时间

    几天前 Github 推出了他们的新功能 贡献 https github com blog 1360 introducing contributions 我有一个疑问 这个日历的一天开始时间是几点 是使用我的本地时间还是 UTC 如果它使用
  • C语言中如何将负零转换为正零?

    你好 我正在学习 Objective C 我正在做经典的计算器示例 问题是 当我将零乘以任何负数时 我得到负零 并将结果放入 双 类型 为了看看发生了什么 我使用了调试器 这就是我得到的结果 gdb 打印 2 0 1 0 gdb 打印 双精
  • Jquery 搜索 - 不区分大小写

    我在 Jquery 脚本上获得了一些帮助 该脚本创建了可搜索 可切换的常见问题解答 代码可以在这里看到 http jsfiddle net pT6dB 62 http jsfiddle net pT6dB 62 问题是 如果单词 How 带