Jquery HTML输入搜索不';不能找到大写的虎钳,反之亦然

Jquery HTML输入搜索不';不能找到大写的虎钳,反之亦然,jquery,html,input,uppercase,lowercase,Jquery,Html,Input,Uppercase,Lowercase,如果使用小写大写搜索,则此代码找不到大写,反之亦然,如果搜索小写,则此代码与小写相同。 我曾考虑在搜索之前使用jquery将输入和数据标签设置为小写,但如何设置 有人能帮忙吗,谢谢将第14行替换为: var matched = $("ul li").filter(function() { return $(this).data('label').toLowerCase().indexOf(input.toLowerCase()) >= 0; }); 并更改show()/hide()逻辑

如果使用小写
大写
搜索,则此代码找不到大写
,反之亦然,如果搜索
小写
,则此代码与
小写
相同。
我曾考虑在搜索之前使用jquery将输入和数据标签设置为小写,但如何设置


有人能帮忙吗,谢谢

将第14行替换为:

var matched = $("ul li").filter(function() { return $(this).data('label').toLowerCase().indexOf(input.toLowerCase()) >= 0; });
并更改
show()
/
hide()
逻辑:

$('ul li').hide();
matched.show();
matched = matched.length;


这也消除了有人输入
]
或其他特殊字符的问题,这些字符会破坏代码中的CSS规则。

这里有一个更新的提琴供您使用

删除数据属性并将其添加到代码中:

            $('.filter li').each(function() {
                $(this).attr('data-label', $(this).text().toLowerCase());
            });
然后按小写输入进行搜索

                var input = $(this).val().toLowerCase();

使用
toLowerCase()
$。每个

只需使用
toUpperCase()
toLowerCase()
进行比较……非常简单,我不是jquery大师。。。您能修改JSFIDLE代码使其工作吗?谢谢你可以在这里找到解决办法