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

Question

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

• 主要作者
• 主题
• 日期

他们各自搜索一个特定的 <span> <div> 中的元素

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

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

JSFiddle of my code

Answer 1

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

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

我已经用它更新了你的 fiddle here (仅针对第一个搜索过滤器)。

编辑

您能否将搜索功能更改为过滤器类，并对它们应用相同的功能？我已经更新了另一个 fiddle here这让您可以使用多个搜索字段。