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

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');
                        }
                    });
                });
            });

假设我有一行类似这样的内容，

I love  to work with Jquery.

如果我将搜索文本输入为 jquery，则它不会突出显示 Jquery。但我的查询应该以两种方式工作，无论大写字母还是小写字母。

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

感谢您的所有帮助。

Answer 1

使用 .toUpperCase() ......... // 或 lowerCase

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

Answer 2

我相信这个应该有效：

$(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');
            }
        });
    });
});

旁注： indexOf 是 事实证明比搜索更快。