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