jquery匹配不区分大小写,Jquery搜索 - 不区分大小写

I have had some help on a Jquery script which creates a searchable, toggleable FAQ. The code can be seen here:

The trouble is, if there is the word “How” with an upper case “H” and I search “h”, it wont find it. How can I make this script case insensitive?

解决方案

Update

Alternatively, you could reduce the amount of code significantly using regular expression. jsFiddle demo

$('#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

Based on your current algorithm for determining relative elements, you could use the jQuery filter method to filter your results based on the keywords array. Here's a rough idea:

// 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();