Javascript 根据搜索显示div

我有一个脚本小问题，我想根据搜索查找并显示不同的div。最初的脚本是我找到并用于联系人列表的，现在我想将其配置为执行其他操作。

我编辑的代码：

$（'.Fruit'）.hide（）；
$（“#搜索”）。单击（函数（）{
$（'.Fruit'）.hide（）；
var txt=$（“#搜索条件”）.val（）；
$（'.Fruit'）。每个（函数（）{
if（$（this.id.toUpperCase（）.indexOf（txt.toUpperCase（））！=-1）{
$（this.show（）；
}
});
});

一些关于苹果的文字
一些关于桔子的文字
问题是因为jQuery对象没有
id
属性。您需要使用
prop（'id'）
或只使用
this.id

还请注意，您可以通过使
id
属性与小写匹配来改进逻辑，然后将输入转换为小写，然后您可以使用普通选择器，如下所示：


$（“#搜索”）。单击（函数（）{
var txt=$（“#搜索条件”）.val（）；
如果（txt）
$（'.fruit'）.hide（）.filter（'#'+txt.toLowerCase（））.show（）；
});
。水果{
显示：无；
}

一些关于苹果的文字
一些关于桔子的文字
问题是因为jQuery对象没有
id
属性。您需要使用
prop（'id'）
或只使用
this.id

还请注意，您可以通过使
id
属性与小写匹配来改进逻辑，然后将输入转换为小写，然后您可以使用普通选择器，如下所示：


$（“#搜索”）。单击（函数（）{
var txt=$（“#搜索条件”）.val（）；
如果（txt）
$（'.fruit'）.hide（）.filter（'#'+txt.toLowerCase（））.show（）；
});
。水果{
显示：无；
}

一些关于苹果的文字
一些关于桔子的文字
谢谢，成功了！但我现在注意到，如果不输入任何内容，即执行空白搜索，则两个div都会显示。我想要一个空白的搜索结果，没有显示任何内容，或者更好的是，一条消息，没有找到任何内容。你知道如何解决这个问题吗？啊，是的，你需要一个条件来检查输入了什么。我又更新了一次，用一个else显示了另一个div，其中有一些“notfound”消息？不，你需要为此更改逻辑。如果你想要这种行为，我建议你开始一个新的问题。谢谢，就是这样！但我现在注意到，如果不输入任何内容，即执行空白搜索，则两个div都会显示。我想要一个空白的搜索结果，没有显示任何内容，或者更好的是，一条消息，没有找到任何内容。你知道如何解决这个问题吗？啊，是的，你需要一个条件来检查输入了什么。我又更新了一次，用一个else显示了另一个div，其中有一些“notfound”消息？不，你需要为此更改逻辑。如果你想要这种行为，我建议你开始一个新问题。