Javascript에서 여러 검색 필드를 고려하는 방법은 무엇입니까?

Question

페이지에 라이브 필터 검색 필드가 세 개 있습니다. 키 입력시 검색하도록 트리거됩니다.

• 리드 저자
• 주제
• 날짜

그들은 각 내가 가진 문제는, 잘못된 문자가 하나에 입력되는 말을하는 <div>

의 특정 <span> 요소를 검색 필드를 선택하고 사용자가 백 스페이스를 누릅니다. 코드는 이제 숨겨져 있기 때문에 문자를 검색 할 수 없습니다.

키 입력시 검색 할 때 다른 검색 필드 콘텐츠를 고려하는 기능을 어떻게 추가 할 수 있습니까?

JSFiddle of my code

Answer 1

은 당신이 할 수있는 것은 사용자가 다시 공간을 수행 할 때 첫 공연은 저자의 모든 다시이며 나머지 텍스트 검색을 다시 실행합니다. 아래와 비슷한 것.

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

나는 (단지 첫 번째 검색 필터) here와 바이올린을 업데이트했습니다.

편집

당신이 필터 클래스에 검색 기능을 변경하고 그들 모두에 동일한 기능을 적용 할 수 있을까요? 다른 fiddle here을 업데이트 했으므로 여러 검색 필드를 사용할 수 있습니다.