javascript search - case-insensitive

Question

I'm having troubles with getting this code to be case-insensitive. This code is found online - (http://jsfiddle.net/bizamajig/radzq2o2/)

 $(function(){ // Instantiate MixItUp: $container = $('.cd-gallery') $container.mixItUp(); $('#filter').keyup(function(){ var val = $(this).val(); var state = $container.mixItUp('getState'); var $filtered = state.$targets.filter(function(index, element){ return $(this).text().toString().indexOf( val.trim() ) >= 0; }); $container.mixItUp('filter', $filtered); }); });

But I can't seem to get this code to be case-insensitive. I've tried different things - but nothing worked. Can anyone help me?

I need this code (above) to be case-insensitive.

Thank you!

have you tried using regex ?

Abrar
– Abrar

2017-06-29 08:10:12 +00:00
Commented Jun 29, 2017 at 8:10 — Abrar
– Abrar, Commented Jun 29, 2017 at 8:10

maazadeeb · Accepted Answer · 2017-06-29 08:06:40Z

Just change

return $(this).text().toString().indexOf( val.trim() ) >= 0;

to

return $(this).text().toString().toLowerCase().indexOf( val.trim().toLowerCase() ) >= 0;

Notice the use of toLowerCase(). We basically convert both the strings being compared to lower case letters before comparing them.

A fork of your fiddle, with the suggested change: http://jsfiddle.net/kykuwppL/

Omg - thank you so much! I did try the .toLowerCase where you put it the first time - but didn't add it the second time at the end! Doh. ! THANK YOU!
You're welcome. If this solved your problem, please consider accepting the solution. :)

George Moik · Accepted Answer · 2017-06-29 08:11:10Z

convert both strings .toLowerCase(): var val = $(this).val().toLowerCase(); return $(this).text().toString().toLowerCase().indexOf(val.trim()) >= 0;

$(function(){ // Instantiate MixItUp: $container = $('#projects') $container.mixItUp(); $('#filter').keyup(function(){ var val = $(this).val().toLowerCase(); var state = $container.mixItUp('getState'); var $filtered = state.$targets.filter(function(index, element){ return $(this).text().toString().toLowerCase().indexOf( val.trim() ) >= 0; }); $container.mixItUp('filter', $filtered); }); });

Collectives™ on Stack Overflow

javascript search - case-insensitive

2 Answers 2

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Related