javascript - 如何使用 Javascript 考虑多个搜索字段？

Question

我在一个页面上有三个实时过滤器搜索字段。触发以在 keyup 上进行搜索。

• 主要作者
• 学科
• 日期

他们每个人都在一个特定的<span>元素中搜索<div>

我遇到的问题是，假设在一个字段中输入了错误的字符并且用户按下了退格键。该代码以前无法搜索字符，因为它现在被隐藏了。

如何添加在 keyup 上搜索时考虑其他搜索字段内容的功能？

我的代码的 JSFiddle

Answer 1

您可以做的是，当用户确实执行退格时，首先再次显示所有作者，然后使用剩余的文本重新运行搜索。类似于下面的东西。

if (event.keyCode == 8){
   $("div.recordContainer span.listLeadAuthor").each(function(){
      $(this).parent().show();   
   });
}

我已经在这里更新了你的小提琴（仅用于第一个搜索过滤器）。

编辑

您可以将搜索功能更改为过滤器类并将相同的功能应用于它们吗？我在这里更新了另一个小提琴，这让您可以使用多个搜索字段。