Javascript 通过键入区分大小写问题缩小结果范围

我有一个搜索框，可以限制键盘上下拉菜单中的可用选项。我遇到了区分大小写的问题-如何修改此函数以确保我的

选项

包含所键入字符的大写或小写版本

小提琴：
请注意“i”和“i”之间的结果差异

$（document）.on（'keyup'，'#condition search'，函数（e）{
var str=$（'#条件选项：包含（'+$（this.val（）+'））；
如果（str）{
$（“#条件选项”）.hide（）；
str.show（）；
}否则{
$（“#条件选项”）.show（）；
}
});

项目1
项目2
项目3
项目4
项目5
您可以使用
过滤器（）
方法，在比较之前将查询和当前文本转换为小写：


$（document）.on（'keyup'，'#condition search'，函数（e）{
var query=$（this.val（）.toLowerCase（）；
var str=$（“#条件选项”）.filter（函数（）{
返回$（this.text（）.toLowerCase（）.includes（查询）；
});
如果（str）{
$（“#条件选项”）.hide（）；
str.show（）；
}否则{
$（“#条件选项”）.show（）；
}
});

项目1
项目2
项目3
项目4
项目5
您可以使用
过滤器（）
方法，在比较之前将查询和当前文本转换为小写：


$（document）.on（'keyup'，'#condition search'，函数（e）{
var query=$（this.val（）.toLowerCase（）；
var str=$（“#条件选项”）.filter（函数（）{
返回$（this.text（）.toLowerCase（）.includes（查询）；
});
如果（str）{
$（“#条件选项”）.hide（）；
str.show（）；
}否则{
$（“#条件选项”）.show（）；
}
});

项目1
项目2
项目3
项目4
项目5
我会将输入的字符串的小写版本（使用javascript的
toLowercase（）
）与可用列表项的小写版本进行比较
 我会将输入的字符串的小写版本（使用javascript的
toLowercase（）
）与可用列表项的小写版本进行比较