如何使用Javascript考慮多個搜索字段？

Question

我在頁面上有三個實時過濾器搜索字段。 觸發搜索鍵盤。

• 主要作者
• 學科
• 日期

他們每個人都在<div>搜索特定的<span>元素。

我的問題是，例如，在一個字段中鍵入了錯誤的字符，並且用戶按了退格鍵。 該代碼之前已隱藏，因此無法搜索字符。

在鍵入關鍵字時，如何添加考慮其他搜索字段內容的功能？

我的代碼中間

Answer 1

您可以做的是，當用戶確實使用退格鍵時，首先要再次顯示所有作者，然后使用剩余的文本重新運行搜索。 類似於以下內容。

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

我已經在這里更新了您的小提琴（僅用於第一個搜索過濾器）。

編輯

您可以將搜索功能更改為過濾器類，然后將相同的功能應用於所有這些嗎？ 我在這里更新了另一個小提琴，它使您可以使用多個搜索字段。