Javascript 如何使用jquery突出显示不区分大小写的行

Javascript 如何使用jquery突出显示不区分大小写的行,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,让我们假设我和这样的人吵架 $(document).ready(function () { $("#btnhighlight").click(function () { var htext = $("#txthighlighttext").val(); if (htext == '') { alert("Pleae enter the s

让我们假设我和这样的人吵架

$(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');
                        }
                    });
                });
            });
如果我以jquery的形式输入搜索文本,则不会突出显示jquery。但是我的查询应该以两种方式工作,不管大写字母还是小写字母

如何更改我的代码以使其像那样工作

谢谢您的帮助。

使用
.toUpperCase()
…/或小写

I love  to work with Jquery.

我认为,这一点应该有效:

  if ($(this).text().toUpperCase().indexOf(htext.toUpperCase()) != -1) {
旁注:
indexOf
大于
搜索

$(document).ready(function () {
    $("#btnhighlight").click(function() {
        var htext = $("#txthighlighttext").val().toLowerCase();

        if (htext === '') {
            alert("Please enter the search item.");
            return false;
        }

        $("#lstCodelist option").each(function() {
            var $this = $(this);

            if ($this.text().toLowerCase().indexOf(htext) !== -1) {
                $this.addClass('searchItem');
            } else {
                $this.removeClass('searchItem');
            }
        });
    });
});