Question

$(document).ready(function () {
                $("#btnhighlight").click(function () {
                    var htext = $("#txthighlighttext").val();
                    if (htext == '') {
                        alert("Pleae enter the search item.");
                        return false;
                    }
                    $("#lstCodelist option").each(function () {
                        $(this).removeClass('searchItem');
                        if ($(this).text().search(htext) != -1) {
                            $(this).addClass('searchItem');
                        }
                    });
                });
            });

Lets take I have a row something like this

I love  to work with Jquery.

If I enter my search text as jquery its not highlighting Jquery. But my query should work in both they way regardless of CAPS or SMALL letters.

how to change my code to work like that.

thanks for your all help.

Answer 1

use .toUpperCase() …………. // or lowerCase

  if ($(this).text().toUpperCase().indexOf(htext.toUpperCase()) != -1) {