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代码使其工作吗?谢谢你可以在这里找到解决办法