我在列表中有“一些文本”,如果匹配,那么我会在.input-1下拉菜单中显示选择选项,但我不能工作的是与字符串不匹配的相反情况。在这种情况下,我想隐藏select选项。
代码的第一部分可以工作,但第二部分失败
jQuery(document).ready( function() {
$('.input-1 option').each(function() {
var ourOption = $(this).text().toLowerCase(); // convert text to Lowercase
var str = "Some Text";
var res = str.toLowerCase();
if (ourOption.match(res)) {
$(this).css('display', 'block');
}
else if (!ourOption.match(res)) {
$(this).css('display', 'none');
}
})
});
当前的结果是,无论匹配的文本是什么,所有选项都被隐藏,所以我猜我的else if中有一个错误,或者没有匹配的语法是不正确的。
发布于 2019-05-10 03:02:20
.match()用于查找字符串中的匹配项,而不是进行比较并返回true/false。您需要在此处使用比较==:
jQuery(document).ready( function() {
$('.input-1 option').each(function() {
var ourOption = $(this).text().toLowerCase(); // convert text to Lowercase
var str = "Some Text";
var res = str.toLowerCase();
if (ourOption.indexOf(res) > -1) {
$(this).css('display', 'block');
}
else {
$(this).css('display', 'none');
}
})
});
事实上,你甚至不需要一个else -如果在这里,只要else就足够了……因为只有两种可能性true和false,并且都用if/else覆盖。
https://stackoverflow.com/questions/56065893
复制相似问题